vue-cli3.0 搭建項目

 

一、首先咱們先在安裝好node   node用於npm安裝【自行百度】

二、全局安裝vue

　　經過npm命令安裝vue.js

　　在用vue.js在用於構建大型的應用時推薦使用npm安裝，npm能很好的和webpack、browserify、commonJS模塊 打包器 配合使用

　　npm i -g vue

三、全局安裝vue-cli

　　npm i -g @vue/cli

　　安裝完成後輸入 vue -V  或者 vue --version  檢查vue-cli 的版本

四、建立一個vue項目

　　vue create hello-world　　hello-world爲文件名

五、這裏咱們選擇Manually (手動地)

六、隨後出現　　【空格是選擇，回車確認】

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/