技術問答
技術文章
iT 徵才
Tag
聊天室
2024 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
第 12 屆 iThome 鐵人賽
DAY
25
1
自我挑戰組
菜鳥的暑假Web學習
系列 第
25
篇
Day 25 Vue CLI專案結構
12th鐵人賽
xingyue
團隊
nutc imac 惠靈頓牛排
2020-10-10 01:00:09
532 瀏覽
分享至
當使用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鐵人賽
參賽組數
1064
組
團體組數
40
組
累計文章數
22189
篇
完賽人數
602
人
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
看更多
15th鐵人賽
16th鐵人賽
13th鐵人賽
14th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
2019鐵人賽
javascript
2018鐵人賽
python
2017鐵人賽
windows
php
c#
windows server
linux
css
react
vue.js
熱門問題
Web Application 與Web Service 的差異
如何讓在中國的同事可以穩定的使用台灣總部的系統服務
administrators群組成員的管理員權限不見
AB兩點網路使用LTE數據機做連接
求救,erp 無法使用,ping封包 100% 丟失
JS 讀取EXCEL檔的日期字串如何轉換
電腦版Outlook 封存郵件無法包含有作標幟的郵件
如何以php抓取html文件的特定元素,並且依照抓取順序填入頁碼
fortigate 60E 配IP給無限AP問題
switch 指令的應用
熱門回答
如何讓在中國的同事可以穩定的使用台灣總部的系統服務
求救,erp 無法使用,ping封包 100% 丟失
administrators群組成員的管理員權限不見
AB兩點網路使用LTE數據機做連接
fortigate 60E 配IP給無限AP問題
熱門文章
卷 31:iThome 鐵人賽寫作攻略——新手必看指南
如何在Google Colab和Replit中請AI解說Python程式碼及相關天文觀念?
大總結 - Win11 是對企業和私人的大改版
Python 內建函數 zip() & [list] 運用
Python Multiple line input
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}