技術問答
技術文章
iT 徵才
聊天室
2026 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
第 12 屆 iThome 鐵人賽
DAY
25
1
自我挑戰組
菜鳥的暑假Web學習
系列 第
25
篇
Day 25 Vue CLI專案結構
12th鐵人賽
xingyue
團隊
nutc imac 惠靈頓牛排
2020-10-10 01:00:09
984 瀏覽
分享至
當使用VS Code開啟Vue CLI的專案時,會看到Vue CLI的文件夾、檔案好多好複雜,就開始覺得頭昏眼花、噁心想吐了
node_modules: npm套件存放的地方
public: 公共資源檔案,不做任何編譯壓縮處理
src: 開發目錄(配置完成後,基本只在該資料夾開發)
src/assets: 放置靜態資源的地方,如css、image…,引用時需用相對路徑
src/components: 專案中定義的元件存放路徑
src/router: 設定路由
src/store: Vuex狀態管理
src/views: 檢視所在路徑(路由元件)
App.vue: 入口元件,專案中的頁面在此進行路由切換
main.js: 初始化Vue例項,並載入專案中所需要的外掛
.browserslistrc: 指定專案的目標瀏覽器範圍
.eslintrc.js: eslint是用來管理和檢測js程式碼風格的工具,可以搭配編輯器使用,如vscode的eslint外掛。當有不符合配置檔案內容的程式碼出現就會報錯或者警告
.gitignore: git忽略新增的檔案
babel.config.js: Babel規則配置檔案
package.json: 專案載入的元件包
package-lock.json: 紀錄安裝包的具體版本號
README.md: readme檔案
以上就是今天的內容
留言
追蹤
檢舉
上一篇
Day 24 Vue CLI新建專案
下一篇
Day 26 axios-login(html、javascript)
系列文
菜鳥的暑假Web學習
共
30
篇
目錄
RSS系列文
訂閱系列文
2
人訂閱
26
Day 26 axios-login(html、javascript)
27
Day 27 axios-logout(html、javascript)
28
Day 28 axios-login(vue cli)
29
Day 29 axios-logout(vue cli)
30
Day 30 賽後感想
完整目錄
熱門推薦
{{ item.subject }}
{{ item.channelVendor }}
|
{{ item.webinarstarted }}
|
{{ formatDate(item.duration) }}
直播中
立即報名
尚未有邦友留言
立即登入留言
iThome鐵人賽
參賽組數
902
組
團體組數
37
組
累計文章數
19860
篇
完賽人數
528
人
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
15th鐵人賽
16th鐵人賽
13th鐵人賽
14th鐵人賽
17th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
2019鐵人賽
javascript
2018鐵人賽
python
2017鐵人賽
windows
php
c#
linux
windows server
css
react
熱門問題
在上海使用 Fortigate 的IPSEC VPN
請益如何關閉Windows的登入畫面?
Exchange 2016 遇到的問題 Outlook無法登入
o365 sharedmailbox 收件一問 - 轉寄去DISTRIBUTION GROUP 問題
想轉職至 IT 相關領域,想請教幾個問題
熱門回答
在上海使用 Fortigate 的IPSEC VPN
o365 sharedmailbox 收件一問 - 轉寄去DISTRIBUTION GROUP 問題
請益如何關閉Windows的登入畫面?
Exchange 2016 遇到的問題 Outlook無法登入
熱門文章
當我的AI助手住進雲端:我的生活變了, 使用Clawdbot + Linode一周感受
用 Windows Security Event Log 還原攻擊鏈:從登入爆破到可疑執行序,把事件 ID 變成可稽核的偵測 Playbook
【C++學習筆記】04《邏輯運算與運算子》
解決中文母語者的 Gemini 破版困擾,拯救數位強迫症
NVIDIA 認證考試體系完整介紹
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}