1. 創(chuàng)建項(xiàng)目
- 使用
vue create super_mall在命令行創(chuàng)建一個(gè)vue項(xiàng)目济蝉。
2. 劃分目錄結(jié)構(gòu)
項(xiàng)目主要的目錄結(jié)構(gòu)
3. 引入并初始化樣式
使用
normalize.css進(jìn)行初始化, normalize.css的githup地址喷市。創(chuàng)建一個(gè)
base.css哎垦，在其中引入normalize.css。在
App.vue中引入base.css奉呛。
/* 引入基礎(chǔ)的 css */
@import './assets/css/base.css';
4. 為路徑起別名
4.1 在 VueVLI3以后如何為路徑起別名许昨？
- 在項(xiàng)目中創(chuàng)建一個(gè)
vue.comfig.js的文件将塑，進(jìn)行配置，該文件的內(nèi)容會(huì)覆蓋原來的配置卜朗。
module.exports = {
configureWebpack: {
resolve:{
/* 配置別名 */
alias:{
/* 默認(rèn)配置 @ 對(duì)應(yīng) src 路徑 */
'assets':'@/assets',
'common':'@/common',
'components':'@/components',
'network':'@/network',
'views':'@/views'
}
}
}
}
4.2 代碼編寫規(guī)范配置
- 項(xiàng)目中有個(gè)
.editorconfig的文件用于規(guī)范代碼的編輯:
[*.{js,jsx,ts,tsx,vue}]
indent_style = space
indent_size = 2
trim_trailing_whitespace = true
insert_final_newline = true
end_of_line = lf
