技術問答
技術文章
iT 徵才
Tag
聊天室
2025 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
第 12 屆 iThome 鐵人賽
DAY
25
1
自我挑戰組
菜鳥的暑假Web學習
系列 第
25
篇
Day 25 Vue CLI專案結構
12th鐵人賽
xingyue
團隊
nutc imac 惠靈頓牛排
2020-10-10 01:00:09
907 瀏覽
分享至
當使用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鐵人賽
參賽組數
407
組
團體組數
13
組
累計文章數
2948
篇
最後報名日
9/15
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
看更多
15th鐵人賽
16th鐵人賽
13th鐵人賽
14th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
2019鐵人賽
javascript
2018鐵人賽
python
2017鐵人賽
17th鐵人賽
windows
php
c#
windows server
linux
css
react
熱門問題
不知道網路紅隊的要去那加公司
鼎新ERP欄位可修改預設值嗎
更換FW後Public IP service無法使用
Ansible 連線主機的 port 不是 22 遇到的問題
備份映像檔
Outlook 寄件備份消失問題 (已解決)
aws ec2 檢查故障問題
請問有人遇過在lightsail上部屬fastapi失敗的案例?
IIS 管理員 連線功能不見
熱門回答
鼎新ERP欄位可修改預設值嗎
不知道網路紅隊的要去那加公司
Ansible 連線主機的 port 不是 22 遇到的問題
更換FW後Public IP service無法使用
備份映像檔
熱門文章
什麼是 Signal ?
第10天,No-Code 快速上線又省錢 / 原汁排骨湯 台北最好喝的排骨湯(台北萬華)| 30天滷肉飯
序: AI 加速編碼後,你該學什麼?
第11天,LibreOffice 更省錢 / 司機俱樂部 宵夜好選擇(台北松山)| 30天滷肉飯
第12天,即時通訊軟體選擇 / 金峰滷肉飯 台北名店(台北中正)| 30天滷肉飯
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}