如何用webStorm启动Vue项目

今天安装了webstorm 前端神器，来看看怎么启动vue项目

1.首先需要下载两个文件 node-v12.16.1-x64.msi   yarn-1.21.1.msi（注意版本）

2.先安装 node，这家伙会自带一个npm

 

安装完成后 在黑框中输入  node -v 查看版本

 

配置环境变量

这里的环境配置主要配置的是npm安装的全局模块所在的路径，以及缓存cache的路径，要不会占用c盘空间。要保证目录的有效性

npm config set prefix "D:\Program Files\nodejs\node_global"

npm config set cache "D:\Program Files\nodejs\node_cache"

进入环境变量对话框，在【系统变量】下新建【NODE_PATH】，输入【D:\Develop\nodejs\node_global\node_modules】，将【用户变量】下的【Path】修改为【D:\Develop\nodejs\node_global】

 配置镜像地址，这样会有可靠的下载资源

npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
npm install -g yarn
yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global
输入命令 查看yarn 版本 


打开项目 运行

yarn install

npm run serve