用vue-cli搭建一个新的项目过程记录

1. 首先确保本地全局安装过node.js, npm; 用node -v和npm -v来检查是否安装过以及安装的版本号
2. 全局安装webpack打包工具:  在命令行中输入: npm install webpack -g, 安装完成后,  webpack -v检查版本号
3. 安装vue-cli脚手架构建工具, 打开命令行工具输入：npm install --global vue-cli（cnpm install --global vue-cli）, 安装完成之后输入 vue -V（注意这里是大写的“V”）, 如果出现相应的版本号，则说明安装成功(vue cli 2)
4. 安装vue cli 3: npm install -g @vue/cli
5. 在命令行工具中 cd 到项目的位置，输入命令: vue init webpack(vue cli 2) 项目名称,  按照指示输入项目相关信息: 项目名称、项目描述、作者、打包方式、是否使用ESLint规范代码等等。安装顺利执行后会，生成文件目录
6. vue create 项目名称 (vue cli 3)
7. npm install 初始化安装项目依赖
8. cd到项目位置, npm run dev弹出项目的初始网页（启动方式为vue2.X-Cli默认配置命令）