vue环境搭建

1.安装node.js

官方网站：https://nodejs.org/en/download/

终端：CMD
npm -v
node -v

2.修改全局模块和缓存目录

终端：CMD
mkdir "D:\Program Files\nodejs\node_cache"
mkdir "D:\Program Files\nodejs\node_cache"
npm config set prefix "D:\Program Files\nodejs\node_global"
npm config set cache "D:\Program Files\nodejs\node_cache"

3.配置第三方依赖包安装目录

终端：CMD
for /f "delims=" %i in ('npm config get prefix') do set NODE_PATH="%i"
set NODE_PATH=%NODE_PATH:"=%
setx NODE_PATH "%NODE_PATH%" /m

终端：PowerShell
$currentPath = [Environment]::GetEnvironmentVariable("PATH", "Machine")
$nodePath = [Environment]::GetEnvironmentVariable("NODE_PATH", "Machine")
[Environment]::SetEnvironmentVariable("PATH", "$currentPath;$nodePath", "Machine")

4.修改npm的镜像源

终端：CMD
npm config set registry https://registry.npmmirror.com

5.安装vue.js环境

终端：CMD
npm install vue -g

6.安装webpack模板

终端：CMD
npm install webpack -g
npm install webpack-cli -g

7.安装脚手架 vue-cli 2.x

终端：CMD
npm install vue-cli -g
npm install vue-router -g

8.运行项目

终端：CMD
cd "C:\Users\神舟\Desktop\程序\前端\yunduan"
npm install
npm run dev

下载链接：
node.js（密码:5mts）

ps:
1.查看node.js设置：npm config get prefix、npm config get prefix、npm config get registry
2.查看vue版本：npm info vue、webpack -v、vue --version