安装nodejs |
1)安装nodejs,下载地址:https://nodejs.org/en/ ,下载16.8.0版本,下载完成后双击【node-v16.8.0-x64.msi】安装。
使用 npm -v 查看nodejs是否安装成功。
2).改变原有的环境变量,
(1) 配置npm的全局模块的存放路径以及cache的路径,例如两个文件夹放在NodeJS的主目录下,便在D:\Program Files\nodejs下建立【node_global】及【node_cache】两个文件夹,
然后输入以下命令改变npm配置,
npm config set prefix "D:\Program Files\nodejs\node_global" npm config set cache "D:\Program Files\nodejs\node_cache"
(2) 添加系统变量NODE_PATH,变量值为:D:\Program Files\nodejs\node_global\node_modules,此后所安装的模块都会安装到改路径下。
(3) 以管理员权限打开cmd窗口(必须以管理员权限打开),在命令行输入以下命令试着安装express(注:“-g”这个参数意思是装到global目录下,也就是上面说设置的“D:\Program Files\nodejs\node_global”里面。)
npm install express -g
安装完毕后可以看到 D:\Program Files\nodejs\node_global\node_modules\ 下面有express文件夹及内容了。
3)安装cnpm,cnpm是淘宝的npm国内镜像。
npm install -g cnpm --registry=https://registry.npm.taobao.org
添加系统环境变量,变量名:CNPM_PATH,变量值:D:\Program Files\nodejs\node_global\node_modules\cnpm\bin
添加系统环境变量,变量名:NODE_HOME,变量值:D:\Program Files\nodejs
编辑PATH环境变量,追加
安装完成后,输入cnpm -v 检查 cnpm是否安装成功。
安装vue dev-tool |
3)在github下载devtools源码,地址:https://github.com/vuejs/vue-devtools
下载好后解压,进入devtools-main文件夹, 执行cnpm install 下载依赖,然后执行npm run build 编译源程序。