Vue | 35.通过npm安装vue全家桶

1.安装vue全家桶

1. 在开始菜单栏搜索"cmd"，右键以管理员身份运行

   

2. 输入下方指令安装vue，其中-g代表安装到global全局目录中

   npm install vue -g
   

   

3. 输入下方指令安装vue-router

   npm install vue-router -g
   

   

4. 输入下方指令安装vue-cli

   npm install -g @vue/cli 
   

   

2.添加系统变量

由于vue脚本安装到了自定义的global路径中，不在path环境变量中，因此需要在系统变量的path中添加自定义的路径

1. 右键此电脑 --> 属性

2. 按顺序进入环境变量配置，点击下方系统变量的path，再点编辑

   

3. 新建环境变量，值为D:\NodeJs\node_global

   

4. 重启cmd，便可以使用Vue指令了

   

3.安装webpack

vue-cli是基于webpack的框架，因此也要安装webpack：

npm install webpack -g