C# VSCode 搭建Vue項目


該資料來源與網絡各資料整合,親測有效,感謝網絡分享者們....

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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM