vue的配置与安装以及vue工程的生成

1、npm的安装

• 如图，下载node的安装包
  
• 查看命令行是否生效
  如下，需要命令行生效
  如果不生效，关闭当前命令行终端，windows + R重启命令行终端,然后再敲命令，一般就可以了

2、由于网络原因，为了下载更快，安装cnpm

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

3、安装vue-cli

cnpm install -g @vue/cli

4、安装webpack

cnpm install -g webpack
webpack是javascript的打包器

5、创建vue项目

• 命令：切换到D盘，vue ui掉起创建工程的网页

6、如果用到vue-router,需要以下步骤：

• 在项目仪表盘中，添加vue-router
  
• 可以发现npm_module里多了vue-router
  
• src里也自动生成了router并导出
  
• main.js里也自动注入了vue-router
  

7、上面完成后，运行npm run server时发现了错误：
解决：需要命令行安装一个vue-router，如果还有问题，
可以把这个工程删掉，用vue ui再创建一个并添加vue-router