vue搭建筆記

struggle_LZ發表於2018-05-29

如何搭建安裝vue環境?

    請看教程:

Vue2.0史上最全入坑教程(上)—— 搭建Vue腳手架(vue-cli)

www.jianshu.com/p/1626b8643…


vue-cli 安裝教程

www.jianshu.com/p/a9e741fe5…


Vue入坑教程(一)——搭建vue-cli腳手架

www.jianshu.com/p/9514f0ba0…


vue npm 搭建專案 流程及備忘及不踩坑

juejin.im/post/5af586…




如果webpack安裝不成功怎麼辦?請看:

www.2cto.com/kf/201805/7…

    

NPM命令詳解

juejin.im/post/5af2f1…


vue專案流程

juejin.im/post/5af409…

vue搭建筆記



vue新建專案時候的選項

$ vue init webpack project--------------------- 安裝vue腳手架的命令,採用webpack打包工具,專案名是project
This will install Vue 2.x version of the template. ---------------------這裡說明將要建立一個vue 2.x版本的專案
For Vue 1.x use: vue init webpack#1.0 project
? Project name (project) ---------------------專案名稱
? Project name project
? Project description (A Vue.js project) ---------------------專案描述
? Project description A Vue.js project
? Author wujy--------------------- 專案建立者
? Author wujy
? Vue build (Use arrow keys)
? Vue build standalone
? Install vue-router? (Y/n) --------------------- 是否安裝Vue路由,推薦安裝,是頁面跳轉用的
? Install vue-router? Yes
? Use ESLint to lint your code? (Y/n) n ---------------------是否啟用eslint檢測規則,這裡個人建議選no,因為這裡有很多的坑,具體以後會講
? Use ESLint to lint your code? No
? Setup unit tests with Karma + Mocha? (Y/n) n  ----------------是否安裝單元測試,因人而異,可以自行選擇
? Setup unit tests with Karma + Mocha? No
? Setup e2e tests with Nightwatch? (Y/n) n  --------------------是否安裝e2e測試,可自行選擇
? Setup e2e tests with Nightwatch? No
vue-cli · Generated "project".
To get started: --------------------- 這裡說明如何啟動這個服務
cd project   --------------------進入專案資料夾
npm install   ---------------------安裝依賴,推薦使用淘寶映象cnpm
npm run dev  -----------------------專案執行複製程式碼





vue專案裡的資料夾各個目錄都是幹嘛的

vue搭建筆記

相關文章