Vue，入门之Vue-cli搭建项目

vue

最近接口顺利搬砖成功，看了看前端代码，突然，想学学Vue玩
Vue-cli搭建项目
1.去官网下载安装node.js
https://nodejs.org/en/
2.安装：选择好路径，安装好了过后

通过cmd，node -v 查看是否安装成功，安装成功会显示版本

3.安装cnpm（淘宝镜像）——按需安装

淘宝镜像就是让后面的脚手架安装快些和更换指令可以不装

输入命令：npm install -g cnpm --registry=https://registry.npm.taobao.org

安装完成以后输入 cnpm -v 检测是否安装成功

4.安装webpack：**webpack 是项目打包工具

命令行输入 cnpm install webpack -g进行安装，

安装完成以后输入webpack -v检测是否安装成功

检查时会有一个警告：输入 yes，然后会继续安装，完后曾，输入webpack -v检测结果就ok

5.安装vue-cli（vue脚手架）

继续命令行输入：npm install vue-cli -g

安装完成以后输入vue -V检测是否安装成功

6.搭建项目：

新建一个文件夹，用来存放我们的项目

然后打开进入该文件夹，按住 shift + 鼠标右键选择在此处打开命令窗口

命令行输入 vue init webpack 项目名字<项目名字不能用中文>

接下来就是进行一些项目的配置，按自己需要选择即可

选择完成后， ****

输入 npm install 安装项目依赖:可能会失败：可能需要再来一次，清除一下缓存。npm cache clean --force，再 cd 项目文件进入项目文件，再npm install**

完成以后cd 项目名，输入 npm run dev 启动项目就可以进行开发了

六、发布项目

最后项目开发完，命令行进入项目文件路径下，npm run build 就可以把项目打包了