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項目就搭建好了

我們cd 進maizuo這個文件夾

npm run serve 打開初始vue頁面

打開瀏覽器輸入http://localhost:8080/

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM