技術問答
技術文章
iT 徵才
聊天室
2025 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
第 12 屆 iThome 鐵人賽
DAY
25
1
自我挑戰組
菜鳥的暑假Web學習
系列 第
25
篇
Day 25 Vue CLI專案結構
12th鐵人賽
xingyue
團隊
nutc imac 惠靈頓牛排
2020-10-10 01:00:09
969 瀏覽
分享至
當使用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
組
累計文章數
19856
篇
完賽人數
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
熱門問題
防火牆fortinet只開放line 問題
Gem如何找到該功能?!我是Gemini付費使用者
中華電信光纜當骨幹...SWminigbic無法正常使用
我在做 packet tracer 的題目,想請問一下該怎麼做
dhcp 在client 端機碼設定的問題
照片破圖或是有損壞,如何修復?
熱門回答
防火牆fortinet只開放line 問題
中華電信光纜當骨幹...SWminigbic無法正常使用
我在做 packet tracer 的題目,想請問一下該怎麼做
dhcp 在client 端機碼設定的問題
熱門文章
Agentic AI 開發實戰:我是如何設計 “Code + LLM” 混合架構,解決 AI品質不穩的問題?
ISC2 CC 證照考試筆記和影片
VScode 開發應用系統專案(10) - Spring boot MVC 應用系統設計(1)
【資料治理實戰回憶錄】04. 拆解元數據 (下):讓資料「用起來」
[gem5] 該怎麼編譯以及運行 gem5 ?
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}