一、項(xiàng)目創(chuàng)建與啟動(dòng)
1. 項(xiàng)目創(chuàng)建
1)cd 本地目錄:
cd /Users/xxxx/Desktop/
2)創(chuàng)建項(xiàng)目test-demo:
vue create test-demo
2.啟動(dòng)項(xiàng)目
1)進(jìn)入test-demo項(xiàng)目文件夾:
cd /Users/xxxx/Desktop/ test-demo
2)運(yùn)行項(xiàng)目
npm run dev 或 npm run serve
二襟沮、項(xiàng)目的運(yùn)行
1.index.html(項(xiàng)目的運(yùn)行入口)
主要是提供一個(gè) div 給 vue 掛載
2.main.js
render:
其他寫法:
在main.js中贤徒,新建了一個(gè)vue實(shí)例,并把App.vue 模板的內(nèi)容掛載到 index.html 的 id 為 app 的 div 標(biāo)簽。也就是說通過main.js我們關(guān)聯(lián)到App.vue組件脖咐,接著,我們繼續(xù)看一下App.vue組件中的內(nèi)容汇歹。
3.App.vue
4.項(xiàng)目首頁構(gòu)成
三屁擅、項(xiàng)目目錄結(jié)構(gòu)
二、MAC VScode開發(fā)工具的必備操作
1.呼出vscode控制臺(tái):cmd+shift+Y
2.喚起搜索框:cmd+shift+P 搜鎖安裝Shell command 'code-insiders' successfully installed in PATH.
3.可能遇上保存或新建文件權(quán)限不需要的操作产弹,錯(cuò)誤提示如下
Failed to save '***.js': Insufficient permissions. Select 'Retry as Sudo' to retry as superuser
解決方法:1)點(diǎn)擊文件派歌,2)找到“顯示簡介"進(jìn)入,3)找到“共享與權(quán)限”痰哨,修改訪問權(quán)限胶果。4)點(diǎn)擊設(shè)置選擇應(yīng)用到包含的項(xiàng)目