快速搭建vue項目


1、Windows 安裝包(.msi) node安裝
32 位安裝包下載地址 :  https://nodejs.org/dist/v4.4.3/node-v4.4.3-x86.msi
64 位安裝包下載地址 :  https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi
2.檢查node版本 : node --version
3.保證環境里有webpack:
全局安裝:npm install -g webpack 
開發環境安裝: npm install --save-dev webpack
4.# 全局安裝 vue-cli 腳手架工具    
   npm install -global vue-cli
 # 創建一個基於 webpack 模板的新項目     
  vue init webpack my-project
5. 安裝依賴    
 cd my-project     
 npm install    
 npm run dev
6.拓展安裝
npm i vue-resource --save
npm i axios --save
7.   # 在 src 目錄下創建 views 文件夾,用於管理各組件   
 # main.js 為入口文件,全局導入(import from)和注冊( Vue.component)以及使用(Vue.use)寫在這里,也可以在Vue的原型上擴展方法(Vue.prototype.axios = axios)           
# 在 router 文件下配置路由           
# 在 components 文件下寫公用組件


免責聲明!

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



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