Vue快速搭建项目

1|01. 安装node.js，这是最基础的环境；

2|02. 安装cnpm：

npm install cnpm -g --registry=https://registry.npm.taobao.org

3|03. 全局安装vue-cli：

cnpm install -g vue-cli 

4|04. 安装vue-cli成功后，通过cd命令进入你想放置项目的文件夹，在命令提示窗口执行创建vue-cli工程项目的命令：

vue init webpack yourProjectName

5|05. 生成文件目录后，使用 cnpm 安装依赖：

 cnpm install 

6|06. 最后需要执行命令： npm run dev 来启动项目，启动完成后会自动弹出默认网页：

npm run dev

7|07. 也可以进入package.json中更改，或执行serve命令查看运行情况：

npm run serve

效果：

8|08. 执行build命令发布项目，会生成一个dist文件夹，这里就是最终要放到服务器的文件：

npm run build

9|09.项目结构总览：

10|010. 当然，也可以使用其他方式创建，萝卜白菜各有所爱，看自己喜欢的方式选择即可：

11|011. 更改配置以及默认启动：

12|012. 建议在另一个文件中更改配置：

作者：艾孜尔江

__EOF__

本文作者：艾孜尔江
本文链接：https://www.cnblogs.com/ezhar/p/13161381.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！