初始化Vue 项目

1、官网下载并安装node

http://nodejs.cn/

2、查看node 安装目录，没有以下两个文件就新建

企业微信截图_16159630506924.png

3、修改全局路径,需要把默认的安装包路径改成nodejs里面这两个新建的文件

配置全局路径：npm config set prefix “C:\Program Files\nodejs\node_global” 
配置缓存路径：npm config set cache “C:\Program Files\nodejs\node_cache” 

4、修改系统的环境变量

桌面--> 我的电脑 --> 右击 属性 --> 高级系统设置 --> 环境变量(或者直接打开控制面板)

企业微信截图_16159632523025.png

在系统变量的path中增加刚刚添加的路径

企业微信截图_16159633239413.png

用户变量中新增一个PATH,路径和NODE_PATH一样

5、全局安装webpack

npm install -g webpack webpack-cli

安装的时候可能有一些warn警告,不影响,只要安装好包就可以

安装之后你可以到nodejs的文件夹下看下是否有webpack包了

企业微信截图_16159634805408.png

6、运行webpack -v查看当前版本

企业微信截图_1615963549705.png

注意:

• 安装之后如果没关闭运行窗口,直接webpack-v,还是会报'webpack'不是内部或外部命令......,一定要把运行窗口关闭后,重新打开运行,项目中也是,先把运行窗口关闭在使用webpack的命令

• CMD要以管理员身份打开,否则在安装webpack那一步一直报错

• npm install rollbackFailedOptional: verb npm-session ******************解决办法6d31b118bce531cd

先执行npm config set registry http://registry.npm.taobao.org

• 'webpack' 不是内部或外部命令,也不是可运行的程序 或批处理文件。
  这种情况先查看webpack 是否安装妥当