項目創(chuàng)建步驟：
- 全局安裝vue-cli
安裝命令：
npm install -g vue-cli
在vscode上打開一個終端，然后輸入此命令（下為截圖）：
安裝vue-cli.png
- 安裝webpack，打包js
安裝命令：
npm install -g vue-webpack
繼續(xù)在終端中輸入此命令（截圖如下）：
安裝webpack.png
- 接下來便可以創(chuàng)建我們的vue項目，切換到一個我們要存儲的vue項目的目錄，然后執(zhí)行如下的命令，我所用的目錄文件夾為testVue
創(chuàng)建項目命令：
vue init webpack vueself
執(zhí)行此命令后，會出現(xiàn)一系列對該項目的配置項，我們可以根據(jù)自己的想法對其進行修改，也可以一直按回車，按照項目的默認配置進行配置。
創(chuàng)建項目vueself.png
然后等待該項目的項目依賴安裝完成，完成之后便可以運行該項目。
- 運行項目，現(xiàn)將目錄切換到項目的目錄，然后將執(zhí)行運行命令
執(zhí)行如下命令：
cd vueself //將目錄切換到項目目錄
npm run dev //運行該項目
運行命令以及執(zhí)行后的結(jié)果如下：
運行項目.png
編譯成功后，便可在瀏覽器中輸入http://localhost:8080，運行成功后會出現(xiàn)界面，說明該項目創(chuàng)建完成：
vue默認項目頁面.png
遇到的問題以及解決方案
-
如何停止項目的運行
解決方案：
要想停止正在運行中的項目，可以在終端中按快捷鍵 Ctrl+C，此時會提示是否停止項目運行，然后輸入Y便可以停止項目的運行(如下)。
項目終止運行.png
-
無法加載D:\Node\node_global\vue.ps1，因為在此系統(tǒng)上禁止運行腳本。
解決方案：
1.以管理員身份運行PowerShell，不是cmd/git bash
2.執(zhí)行g(shù)et-ExecutionPolicy命令，如果輸出Restricted，則再執(zhí)行下一步
3.執(zhí)行set-ExecutionPolicy RemoteSigned，然后選擇Y
