該資料來源與網絡各資料整合,親測有效,感謝網絡分享者們....
C# VSCode 搭建Vue項目——Win7 64
參考資料:
https://cli.vuejs.org/zh/guide/installation.html --官網安裝引導
https://www.cnblogs.com/taoweizhong/p/11605078.html --安裝操作
https://blog.csdn.net/qq_37024887/article/details/104678050
https://blog.51cto.com/u_15127571/2887964 --問題處理
第一步:下載安裝VsCode
VSCodeUserSetup-x64-1.60.2.exe
第二步:安裝插件
安裝插件vetur
安裝插件EsLInt
第三步:
下載nvm:https://github.com/coreybutler/nvm-windows/releases 完成安裝
下載Nodejs:win7系統安裝版本並安裝
https://nodejs.org/download/release/v13.14.0/ ----node-v13.14.0-x64.msi
注:驗證是否安裝成功——CMD、node-v(成功返回版本信息) npm -v
第四步:使用腳手架安裝項目
https://blog.51cto.com/u_15127571/2887964 --問題處理
問題如下:(異常部分可先跳過)
vue : 無法加載文件 C:\Users\Lenovo\AppData\Roaming\npm\vue.ps1,因為在此系統上禁止運行腳本

輸入執行腳本:set-ExecutionPolicy RemoteSigned —— 選擇Y或A,回車
VsCode打開指定位置文件夾
點擊Terminal菜單,選擇new Terminal,創建一個命令行終端窗口

輸入:vue init webpack vue_test回車,然后輸入工程名稱vue_test
版權聲明:本文為CSDN博主「五花漏」的原創文章,遵循CC 4.0 BY-SA版權協議,轉載請附上原文出處鏈接及本聲明。
原文鏈接:https://blog.csdn.net/qq_37024887/article/details/104678050
在安裝時會詢問你:
①Project name (mydemo);
【項目名稱(mydemo),可以直接按回車,也可以自定義,注意不能有大寫字母】(這個名字就是運行時,瀏覽器標題欄顯示的名字!)
② Project description (A Vue.js project);
【項目描述(一個vue.js項目),可以直接按回車,也可以自定義】
③Author (xzb);
【項目作者(xzb),可以直接按回車,也可以自定義】
④Vue build (Use arrow keys)>
Runtime + Compiler: recommended for most users(大多數用戶推薦)
Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specificHTML) are ONLY allowed in .vue files - render functions are required elsewhere;
【不知道啥意思,默認選自第一項,直接回車】
⑤Install vue-router? (Y/n);
【問是否安裝路由? 可安可不安,建議安裝,輸入y,按回車】
⑥Use ESLint to lint your code? (Y/n);
【問是否使用ESlint語法?不了解ESLint語法就不使用,輸入n,按回車】
⑦Setup unit tests with Karma + Mocha? (Y/n);
【問是否設置單元測試?不設置,輸入n,按回車】
⑧Setup e2e tests with Nightwatch? (Y/n);
【問是否和Nightwatch建立端到端的測試?不建立,輸入n,按回車】
⑨Should we run npm install for you after the project has been created? (recommended) npm
【問是否要安裝依賴?可安可不安,建議安裝,輸入y,按回車】
————————————————
成功后,如下所示:

第五步,啟動運行項目
輸入:cd vue_test 回車
輸入:npm run dev 回車
如下所示:

打開瀏覽器訪問:http://localhost:8080/#/

第六步:更改端口,重新啟動運行
Terminal==》Run Test==>


VsCode漢化、安裝插件
第一步:安裝插件:搜索Chinese ...簡體
第二步:ctrl+shift+p 選擇設置,重啟VSCode
可參考:https://blog.csdn.net/xw_009/article/details/105359325
