用vue官方提供的模板vue-cli搭建一個helloWorld案例


安裝環境

  • 安裝node.js並配置環境變量
  • 安裝淘寶鏡像,npm install -g cnpm --registry=https://registry.npm.taobao.org
  • 安裝webpack,cnpm install webpack -g
  • 安裝腳手架npm install vue-cli -g

創建項目

  • 在硬盤上找一個文件夾放工程用的,在終端中進入該目錄,cd目錄路徑
  • 根據模板創建項目,vue init webpack-simple 工程名字<工程名字不能用中文>vue init webpack 工程名字<工程名字不能用中文>,
  • 6、Install vue-router? 選擇Y
  • 7、User ESLint to lint your code? 選N
  • 8、Setup unit tests with Karma + Mocha? 問的是否要測試 選N
  • 9、Setup e2e tests with Nightwatch? 選N

模板解讀


  • cd進入創建的工程目錄
  • 安裝項目依賴,npm install,不要使用cnpm install安裝(會導致后面缺了很多依賴庫)
  • 安裝網絡請求模塊vue-resource,cnpm install vue-resource --save
  • 啟動項目 npm run dev,啟動完畢后,在瀏覽器輸入http://localhost:8080,就能看到初始界面了


免責聲明!

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



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