vue-cli3.0 搭建專案
1、首先我們先在安裝好node node用於npm安裝【自行百度】
2、全域性安裝vue
通過npm命令安裝vue.js
在用vue.js在用於構建大型的應用時推薦使用npm安裝,npm能很好的和webpack、browserify、commonJS模組 打包器 配合使用
npm i -g vue
3、全域性安裝vue-cli
npm i -g @vue/cli
安裝完成後輸入 vue -V 或者 vue --version 檢查vue-cli 的版本
4、建立一個vue專案
vue create hello-world hello-world為檔名
5、這裡我們選擇Manually (手動地)
6、隨後出現 【空格是選擇,回車確認】
Babel:這個是解析我們es6的程式碼的,為什麼要用它呢?因為對於一些ie瀏覽器,甚至firFox瀏覽器低版本的還不能識別我們的es6程式碼,在寫專案中我們還是有很多地方要用到它滴。
那麼我們就可以用babel這個小傢伙將我們的es6的程式碼轉譯成瀏覽器能識別的程式碼
TypeScript:使用typescript的語法
Progressive Web App (PWA) Support:支援漸進式的網頁應用程式
Router:Vue Router
Vuex:Vuex 是一個專為 Vue.js 應用程式開發的狀態管理模式。【文件原話搬過來的】 router 和 vuex 文件有很大的幫助
CSS Pre-processors:選擇CSS預處理
Linter / Formatter:規範你,反正就是讓你擼著擼著就不爽的東西。
Unit Testing:單元測試 【具體百度一下吧,嘻嘻】
E2E Testing:端到端的測試 【同上】
在這個專案中我們就選擇這幾樣,回車 然後根據提示走
一個簡單的vue專案就搭建好了