001
1.Vue框架
創建專案:
1. 先搭建webpack環境或在老專案中進行
2. 整個專案都是vue,
- 使用腳手架搭建開發環境
安裝腳手架： npm install -g @vue/cli
初始化專案命令：vue create project
步驟：
第一步, vue create 后會出現 至少3個選項，
（ 第一個選項是默認安裝vue2,babel,eslint
第二個選項是默認安裝 vue3，babel,eslint
第三個選項 (Manually select features) 自定義安裝）
第二步，選擇自定義安裝
（第一個選項 vue的版本
第二個 babel
第三個 ts 先不選
第四個 PWA 離線快取
第五個 Router 路由
第六個 vuex 公共資料存盤
第七個 css 預處理語言 (less,sass,stylus)
第八個 linter 代碼監測
第九，十個 代碼測驗 ）
第三步：
選擇vue的版本
Class-style組件，先選no
Babel 決議ts ，選y
路由模式：
是否使用history模式
選y 就是 history模式
選n 就是 hash模式
Css 預處理語言
（選項1：sass(dart-sass) 新版本的sass語法，速度比較快，一般使用sass都選這個版本
選項2：sass(node-sass) 老版本的sass語法
選項3： less
選項4： stylus）
Lint 的配置
（選項1：eslint 基礎版本
選項2：eslint + airbnb 特別嚴格的版本
選項3：eslint + standard 比較嚴格的版本
選項4：eslint + prettier 加代碼規范
選項5：tslint 監測ts）
lint功能什么時候執行
（選項1：保存時代碼監測
選項2：提交(commit)時或運行監測時）
代碼測驗的工具：
（選項1：Mocha + chai
選項2：jest ）
E2e 測驗工具：
Nightwatch 相對多一些
代碼測驗使用的瀏覽器：
Chrome
firefox
第四步：
Babel，eslint 的組態檔要放在哪？
（選項1： 生成獨立的組態檔
選項2： 生成到package.json中）
第五步：
是否保存當前配置
默認不保存
選y就是保存
如果保存，會讓定義一個名稱
第六步：
安裝
安裝完成
目錄結構：
安裝開發工具插件：
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/214116.html
標籤：其他