為了響應時代的召喚，最近在看關於vue的東西。我想使用WebStorm創建一個簡單的帶有模板的vue項目。
一、前提
在創建vue 項目之前你必須要確保你已經安裝了以下東西：
1.webstorm（我使用的是2020版的）
2.node.js（v12.18.3）
3.cnmp（cnpm@6.1.1）
4.vue（2.9.6）
5.webpack（4.44.1）
6.git
以上這些東西可以直接去百度，都沒有什么坑，很容易就安裝成功了。
二、創建vue項目
當你完成了“前提”中的任務，你就可以打開webstorm創建vue項目了。
創建步驟如下：
（1）打開webstorm->file->project->vue.js
我們沒有template這個選項，所以我們不使用webstorm工具去創建vue項目我們使用git！
（2）使用git創建帶有模板的vue項目
第一步：在你webstorm編譯工具的工作空間中右鍵打開git（這個工作空間說白了就是你存放項目的目錄）
第二步：在git中執行創建vue的命令
命令：vue init webpack [你項目的名稱]
一定要注意：你項目的名稱不能存在大寫的字母！！！
如果在初始化過程中遇到問題，請跳轉到最后！！！
第三步：填寫信息
前面幾個提示信息不用管，直接回車就行
? Project name (myprojectvue02)
? Project name myprojectvue02
? Project description (A Vue.js project)
? Project description A Vue.js project
? Author (xxx <xxxxxxxx@qq.com>)
? Author (xxx <xxxxxxxxx@qq.com>
? Vue build (Use arrow keys)
? Vue build standalone
? Install vue-router? (Y/n)//詢問你是否安裝vue的路由
vue路由，我選擇的是no
Use ESLint to lint your code? (Y/n)//詢問你是否使用ESlint規范，其實就是自動格式化代碼的東西
是否使用ESLint管理代碼，我選擇的是no
Set up unit tests (Y/n)
是否設置單元測試，這個需要。選擇yes。緊接着直接回車。
Setup e2e tests with Nightwatch?
是否設置單元測試和e2e測試。我選擇的是no。緊接着直接回車。
? Should we run `npm install` for you after the project has been created? (recom
mended) (Use arrow keys)
> Yes, use NPM
Yes, use Yarn
No, I will handle that myself
這里選擇的是你創建的項目后使用什么運行項目，這里選擇 NPM
這里需要創建的過程有些慢，需要等一會~
如果我們看到下面的內容說明創建成功了：
三、啟動vue項目
回到webstorm，並打開你剛剛創建的vue項目，如下圖：
點擊左下角的npm：
此時如果你打開vue項目后，發現左下角沒有npm的控件，你需要如下做：
雙擊dev運行vue項目
點擊地址：
運行成功！！！
四、創建過程中可能會遇到的問題
1. vue命令找不到
報錯內容如下：
bash: vue: command not found
原因：沒有配置vue的環境變量
解決：
（1）找到node安裝目錄下的node_global路徑
我的路徑是這樣的：E:\MyWorkSpace\node\install\node_global
（2）右擊【我的電腦】->【屬性】->【高級系統設置】->【環境變量】
（3）找到【系統變量】->【Path】點擊【編輯】
（4）添加node_global路徑
（5）重新打開git重試即可
2. vue-cli報錯
報錯內容：
vue-cli · Failed to download repo vuejs-templates/easy-web: Response code 404 (Not Found)
原因：沒有安裝webpack
解決：安裝webpack 即可，安裝命令（在git中執行下面的命令）：
npm install webpack -g
3.找不到webpack-cli/package.json模塊
原因：沒有安裝webpack-cli
解決：安裝webpack-cli即可，安裝命令（在git中執行下面的命令）：
npm install webpack-cli -g