使用vue-cli初始化项目环境

安装node.js

官网 https://nodejs.org/zh-cn/

建议下载长期维护版，根据自己操作系统下载，让后直接安装

安装完成以后可以通过命令行查看node版本检测是否安装成功，打开命令行输入node -v

安装成功，即可出现node版本，反之肯定就是没安装好

安装node会自动安装npm服务，npm是node服务的管理工具（安装，卸载..）各种依赖包和插件

由于npm服务器在国外，大陆访问速度略慢，所以国内大部分使用淘宝的npm镜像即cnpm，npm和cnpm的区别（国外镜像和国内淘宝镜像）

查看npm默认下载源地址命令

npm config get registry 

设置npm默认下载源地址为国内镜像

npm config set registry https://registry.npmmirror.com

通过npm安装cnpm

npm install cnpm -g --registry=https://registry.npmmirror.com

通过npm或者cnpm安装vue-cli

cnpm install vue-cli -g （-g是全局安装，因为初始化任何项目都要用vue-cli，ctrl+c终止安装）

cnpm uninstall vue-cli -g （卸载vue-cli）

创建vue-cli项目

webpack只是提供项目模板和为项目最终打包而已（不清楚可以百度webpack与vue-cli的关系）

vue init  webpack projectName（vue-cli2命令，使用webpack模板建立项目，项目名不允许大写字母）

vue create  projectName（vue-cli3以后命令）

如果过程中出问题，可能是vue-cli没有安装成功，在当前文件夹重新安装即可

cnpm install vue-cli -gd（gd是安装运行和生产环境）

新装的win10系统，使用vue-cli在控制台创建项目时出现乱码

解决办法：

打开cmd,在控制台输入CHCP 65001，按回车键即可将编码格式设成utf-8，再创建就不会乱码了。