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項目就搭建好了
我們cd 進maizuo這個文件夾
npm run serve 打開初始vue頁面
打開瀏覽器輸入http://localhost:8080/