标签：node npm vue js webpack install 安装 环境变量

一、安装node.js

官网：下载地址  历史版本：历史版本下载地址        下载完毕后，可以安装node，一路默认选项即可。这里我的安装路径是：D:\environment\nodejs。 建议不要安装在系统盘（如C：），建议安装的路径不要有中文。  

二、设置nodejs prefix（全局）和cache（缓存）路径

1、新建文件夹：node_global（全局）、node_cache（缓存）     2、在路径栏中输入cmd，打开命令行界面。配置缓存与全局属性   3、设置缓存文件夹。

npm config set cache "D:\environment\nodejs\node_cache"

 

4、设置全局模块存放路径

npm config set prefix "D:\environment\nodejs\node_global"

设置成功后，之后用命令npm install XXX -g安装以后模块就在D:\environment\nodejs\node_global里 还可以输入 npm list -global 命令来查看全局安装目录：   配置完成。可用 npm config ls 查看  

三、配置环境变量

1、【系统变量】下新建【NODE_PATH】，【D:\environment\nodejs\node_global\node_modules 】 2、【系统变量】下的【Path】添加上node的路径【D:\node_global】  

 四、配置淘宝镜像源

1、基于 Node.js 安装cnpm（淘宝镜像） 将npm的模块下载仓库从默认的国外站点改为国内的站点，这样下载模块的速度才能比较快，现在用的都是淘宝镜像源（https://registry.npm.taobao.org），使用淘宝镜像源有两种方式：

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

如果出现以下错误，可以用管理员模式打开命令行，这是权限不足。   直接修改npm的默认配置（非必要）：

npm config set registry https://registry.npm.taobao.org

 

 五、安装Vue及脚手架

1、安装vue.js

cnpm install vue -g 
-- 或 npm install vue -g 

-- 查看安装的vue信息：
npm info vue 
-- 查看安装的vue版本
npm list vue

 

2、安装脚手架vue-cli

cnpm install -g @vue/cli

  webpack和vue-router可以选择是否安装（非必要） 3、安装webpack模板 webpack 4x以上，webpack将命令相关的内容都放到了webpack-cli， 所以还需要安装webpack-cli

npm install webpack -g npm install --global webpack-cli 

--安装完成后可使用 webpack -v 查看版本号

 

4、安装vue-router

npm install -g vue-router

  只有管理员权限可执行npm 的限制，可以用以下方式取消    

标签：node,npm,vue,js,webpack,install,安装,环境变量
From： https://www.cnblogs.com/yangjcBlog/p/17958854