參考教程:https://blog.csdn.net/weixin_45647685/article/details/123557666?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522167158794816782427476216%2522%252C%2522scm%2522%253A%252220140713.130102334..%2522%257D&request_id=167158794816782427476216&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2alltop_positive~default-1-123557666-null-null.142v68pc_rank_34_queryrelevant25,201v4add_ask,213v2t3_esquery_v2&utm_term=vue-cli&spm=1018.2226.3001.4187
vscode配置:https://zhuanlan.zhihu.com/p/113222681
1涯竟、確保你安裝了最新版本的 Node.js赡鲜,然后在命令行中運行以下命令
npm init vue@latest
2空厌、這一指令將會安裝并執(zhí)行 create-vue,它是 Vue 官方的項目腳手架工具银酬。你將會看到一些諸如 TypeScript 和測試支持之類的可選功能提示:
如果不確定是否要開啟某個功能嘲更,你可以直接按下回車鍵選擇 No。在項目被創(chuàng)建后揩瞪,通過以下步驟安裝依賴并啟動開發(fā)服務器:
你現(xiàn)在應該已經運行起來了你的第一個 Vue 項目赋朦!請注意,生成的項目中的示例組件使用的是組合式 API 和
<script setup>
李破,而非選項式 API宠哄。下面是一些補充提示:1、首先系統(tǒng)需要全局安裝Vue腳手架
- 推薦的 IDE 配置是 Visual Studio Code + Volar 擴展嗤攻。如果使用其他編輯器毛嫉,參考 IDE 支持章節(jié)。
sudo npm install -g @vue/cli 加sudo這樣才可以訪問文件
image.png
2屯曹、創(chuàng)建Vue腳手架工程:進入你想創(chuàng)建vue腳手架的目錄狱庇,然后輸入命令
sudo vue create xxx項目名
3、如圖命令所示 我們進入myvue工程所在文件夾恶耽,執(zhí)行命令:
sudo npm run serve
然后瀏覽器訪問http://localhost:8080/
http://192.168.3.47:8081/
蘋果電腦要注意:
1密任、如果顯示無法寫入文件,就需要打開文件夾的顯示簡介偷俭,然后開啟所有權限為讀寫浪讳。1.在項目文件夾右鍵-顯示簡介-點擊右下角解鎖 2.權限全部設置為讀與寫 3.最關鍵一步:點擊"應用到包含的項目",這樣就會把讀與寫權限應用到項目下的所有文件,然后就OK了
2、蘋果電腦在執(zhí)行語句是最好都加上sudo涌萤,這樣權限更高一點
3淹遵、Error-EPERM: operation not permitted, uv_cwd
直接重啟終端即可