如何用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