1. 程式人生 > >vue-cli3.0 搭建專案

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專案就搭建好了