本文簡介
搭建基于Visual Studio Code(VsCode)的Vue開發環境.
目標用戶:
前端(Vue)初學者
操作步驟
- 下載node并安裝
https://nodejs.org/en/download/ - 安裝nrm（用于切換npm環境）
npm install nrm -g
- 查看依賴倉庫串列
nrm ls
如果報錯：
internal/validators.js:124
throw new ERR_INVALID_ARG_TYPE(name, 'string', value);
^
[TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received undefined
at validateString (internal/validators.js:124:11)
at Object.join (path.js:402:7)
at Object.<anonymous> (C:\Users\jerry\AppData\Roaming\npm\node_modules\nrm\cli.js:17:20)
按照報錯提示，用記事本打開檔案cli.js，修改
const NRMRC = path.join(process.env.HOME, '.nrmrc');
為
const NRMRC = path.join(process.env.USERPROFILE, '.nrmrc');
- 修改默認倉庫地址
因為默認使用的國外倉庫地址比較慢，修改為淘寶的倉庫地址，這樣速度快一些，
nrm use taobao
- 下載并安裝Visual Studio Code
https://code.visualstudio.com/Download
預計耗時：3分鐘(按照500k/秒下載速度估計)
- 安裝插件
- 安裝插件Vetur
- 安裝插件ESLint
- 安裝vue
npm install vue -g
npm install vue-router -g
npm install -g @vue/cli
- 新建vue工程
vue create hspbc
9. 運行vue工程
cd hspbc
yarn serve
10. 訪問web
打開瀏覽器訪問： http://localhost:8080
11. 用VSCODE打開工程即可進行開發
零基礎系列
《零基礎學安卓編程》
《零基礎學Java編程》
《零基礎學鴻蒙編程》
關于我
廈門大學計算機專業 | 前華為工程師
專注《零基礎學編程系列》，包含：Java | 安卓 | 前端 | Flutter | iOS | 小程式 | 鴻蒙
全網可關注：花生皮編程
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/392139.html
標籤：其他