windows 10安装npm,cnpm,在谷歌浏览器上安装vue开发者工具 vue Devtools

安装nodejs

 

1)安装nodejs,下载地址:https://nodejs.org/en/   ,下载16.8.0版本,下载完成后双击【node-v16.8.0-x64.msi】安装。

windows 10安装npm,cnpm,在谷歌浏览器上安装vue开发者工具 vue  Devtools

 

 

 使用  npm -v 查看nodejs是否安装成功。

windows 10安装npm,cnpm,在谷歌浏览器上安装vue开发者工具 vue  Devtools

 

 

 2).改变原有的环境变量,

(1) 配置npm的全局模块的存放路径以及cache的路径,例如两个文件夹放在NodeJS的主目录下,便在D:\Program Files\nodejs下建立【node_global】及【node_cache】两个文件夹,

windows 10安装npm,cnpm,在谷歌浏览器上安装vue开发者工具 vue  Devtools

 

 

 

然后输入以下命令改变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是否安装成功。

windows 10安装npm,cnpm,在谷歌浏览器上安装vue开发者工具 vue  Devtools

 

安装vue dev-tool

 

3)在github下载devtools源码,地址:https://github.com/vuejs/vue-devtools

下载好后解压,进入devtools-main文件夹, 执行cnpm install 下载依赖,然后执行npm run build 编译源程序。

 

windows 10安装npm,cnpm,在谷歌浏览器上安装vue开发者工具 vue  Devtools

 

windows 10安装npm,cnpm,在谷歌浏览器上安装vue开发者工具 vue Devtools

上一篇:一、Object类和常用API


下一篇:ios 仿微信,短信聊天气泡