初始化樣式 reset.css / normalize.css
.editorconfig **風格配置、vue.config.js配置別名
專案模組劃分
初始（清理無效檔案）
劃分目錄結構
src
assets // 資源
imgcss
reset.css // 初始化css
common // 放置一些公共的js檔案
const
.js // 存放一下常量
utils.js // 工具方法
componsents // 公共元件
common // 放置一些非業務元件 即當前專案可以使用 其它專案複製乙份也可以使用
content // 和當前專案相關的業務元件
router // 路由配置
index.js
store // vuex配置
index.js
views // 頁面元件
pagea/pagea.vue
...network // 請求封裝
index.js
main.js
normalize.css
css資料夾
base.css 自定義全域性樣式
reset.css 一些標籤初始化樣式
normalize.css 與許多css重置不同，保留有用的預設值。
在 base.css 匯入normalize.css
@import
'/normailize.css'
;
@import
'./assets/css/base.css'
;
root =
true[*
]charset = utf-
8indent_style = space
indent_size =
2end_of_line = lf
insert_final_newline =
true
trim_trailing_whitespace =
true
module.exports =}}
}
使用Vue cli搭建專案具體流程
vue cli是vue的乙個腳手架，我們可以通過它來構建我們的前端專案 安裝vue cli的步驟 1.安裝nodejs 已經整合npm 2.node v 檢視是否安裝成功 3.安裝vue cli npm install g vue cli 4.建立專案 vue init webpack 專案名 5....
Vue cli3 0專案建立
之前寫過一篇文章vue cli專案建立,主要是針對vue cli3.0版本之前的，由於現在vue cli版本更新到了3.0，而且建立專案的一些情況也發生了變化，所以本篇將在基於vue cli3.0以上版本建立專案，大家可以參考一下vue cli2.0版本 這裡的vue cli3.0版本之前統稱為2....
vue cli3專案優化
做公司後台，使用了vue cli3和heyui做為基礎搭建。對專案做過的優化記錄如下 a.配置多變數環境 通過在package.json 裡的scripts配置項中新增 mode 來選擇不同的環境。中可以通過process.env.node env變數來訪問。b.專案新建vue.config.js，...