前端vue开发相关环境配置

git、node下载

• 使用淘宝镜像下载安装包

地址是淘宝镜像库，可以直接选择版本进行下载，不用翻墙或者到别的网站去下载，不过下载版本需要自己找

1. git 下载地址：git-for-windows Mirror (taobao.org)
2. node 下载地址：Node.js Mirror (taobao.org)

• node 文件设置

1. 自定义全局模块安装目录
   • node 根目录【安装在哪里，我安装在D盘的自定义文件下】下添加 node_global 和 node_cache 文件夹；
   • 键入命令：

   npm config set prefix "D:\work\nodejs\node_global"
   npm config set cache "D:\work\nodejs\node_cache"
   

2. 配置环境变量
   将node.exe 所在的目录添加到path环境变量，这样我们在使用命令行时就可以在任意路径使用node命令了，
   由于webpack在node-global文件夹中做了映射，所以也要将node-global加入path环境变量
3. 使用淘宝镜像安装 cnpm ：

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

4. cnpm 环境变量配置：将 cnpm.cmd 文件目录添加进 path 中；
   使用管理员权限打开 Windows PowerShell，然后键入 set-ExecutionPolicy RemoteSigned 之后 再根据提示键入 y 即可；

• 开发环境搭建

1. webpack 安装：cnpm install webpack -g
2. webpack 4x以上，webpack将命令相关的内容都放到了webpack-cli，所以还需要安装webpack-cli：cnpm install --global webpack-cli
3. vue 脚手架安装：**npm install -g vue-cli **

• 版本信息查看

node -v
npm -v
cnpm -v
webpack -v
vue -V