技術問答
技術文章
iT 徵才
聊天室
2025 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
第 12 屆 iThome 鐵人賽
DAY
25
1
自我挑戰組
菜鳥的暑假Web學習
系列 第
25
篇
Day 25 Vue CLI專案結構
12th鐵人賽
xingyue
團隊
nutc imac 惠靈頓牛排
2020-10-10 01:00:09
957 瀏覽
分享至
當使用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
組
累計文章數
19847
篇
完賽人數
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
熱門問題
[Javascript] 非同步執行,如何延緩後面程式的處理 ??
FortiGate SSLVPN替代方案?
AARQ 通訊協議是?
SSLVPN 轉 IPSEC VPN 的問題
Dell or Asus 伺服器,哪牌比較好?
Dell or Asus Storage 或NAS,哪牌比較好?
將硬碟上的 EFI 分割區複製到固態硬碟後,ARM 架構的 Ubuntu Server 無法啟動
iT邦幫忙如何搜尋 關鍵字?
sdray vigor2927 sslvpn ip設定問題
Qnap帳號於同一個IP反覆登入失敗.
熱門回答
FortiGate SSLVPN替代方案?
[Javascript] 非同步執行,如何延緩後面程式的處理 ??
Dell or Asus 伺服器,哪牌比較好?
將硬碟上的 EFI 分割區複製到固態硬碟後,ARM 架構的 Ubuntu Server 無法啟動
iT邦幫忙如何搜尋 關鍵字?
熱門文章
c++的.h和cpp,放在相同目錄下好,還是頂層就用include,src分開好? [搬運/問答]
人工智慧模型 LLM (單一模型) 與 人工智慧代理 AI Agent(人工智慧代理)是什麼?兩者之間的關鍵差異?
別再只是做報表了,真正的人資資料分析是這樣做的
你的產品用了多少開源軟體?如何掌握潛在漏洞與風險?
AI 音樂創作指令(Prompt)深度指南:解鎖主流AI 音樂生成工具的全部潛力
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}