上面一節我們已經成功的安裝了nodejs，並且配置了npm的全局環境變量，那麼這一節我們就來正式的安裝vue-cli，然後在webstorm開發者工具裏運行我們的vue項目。
這一節有兩種創建vue項目的方式
- 1，通過npm命令行創建
- 2，通過webstorm來一鍵創建項目
準備工作
- 1， 我們在創建項目之前，需要確保nodejs已經成功安裝，如果你還沒有安裝沒有配置npm全局環境變量，可以參考 《nodeJs的安裝與npm全局環境變量的配置》
- 2，由於國內用npm安裝三方依賴時，速度比較慢，建議大家配置國內鏡像，配置方式如下。只需要在cmd命令行窗口執行下面操作即可
npm config set registry https://registry.npm.taobao.org
一，使用命令行的方式創建vue項目
-
1，桌面創建一個空文件夾，如vue0117
進入這個文件夾，然後在頂部地址欄，輸入cmd，然後回車鍵即可快速的打開dos命令行，並且定位到當前目錄。
- 2，然後執行下面命令行，安裝vue-cli。
npm install -g vue-cli
等待安裝
安裝完成如下，這裏顯示vue-cli的版本號，即代表安裝完成
- 3，使用webpack模板創建一個vue項目
vue init webpack my-project
如項目名爲vue001
在出現下面幾個詢問項時，直接按照箭頭所示的操作即可
下載項目所需類庫
項目創建完成後，如下
-
4，cd vue001進入項目目錄
-
5，執行 npm install 下載所需類庫 下載中
下載完成
- 6，使用webstorm打開項目，點擊file，然後點擊open
導入剛纔創建的vue項目
-
7，運行項目
項目運行成功後，在瀏覽器裏打開下面鏈接
到這裏就代表項目成功的創建並運行了。
二，使用webstorm一鍵創建vue項目
-
1，點擊file，然後new，然後點擊project
-
2，構建項目
-
3，等待項目創建和類庫加載
耗時可能比較長，耐心等待。。。。
-
3，上面構建成功後，可以運行並瀏覽項目了
到這裏，兩種創建vue項目的方式都講完了，後面我會錄製專門的視頻來講解。敬請期待。