【VUE】Mac下vue 開發環境搭建,以及目錄結構


1 安裝Node.js

   參看 node.js環境安裝
   http://www.cnblogs.com/richerdyoung/p/7265786.html

 

2 安裝淘寶鏡像

npm install -g cnpm --registry=https://registry.npm.taobao.org 

3 安裝全局vue-cli腳手架,用於幫助搭建所需的模板框架

cnpm install -g vue-cli

輸入:vue,回車,若出現vue信息說明表示成功

4 切換到你的項目目錄

cd desktop/vue

5 新建vue項目

vue init webpack vuetest 

6 一路回車(第4步ESLint 可以一路n,大師請忽略n)
 


進入新建項目

cd vuetest 

cnpm install 

npm run dev

 

 

目錄結構

 

  •  main.js 是我們的入口文件,主要作用是初始化vue實例並使用需要的插件
  • App.vue是我們的主組件,所有頁面都是在App.vue下進行切換的。其實你也可以理解為所有的路由也是App.vue的子組件。所以我將router標示為App.vue的子組件。
  • index.html文件入口
  • src放置組件和入口文件
  • node_modules為依賴的模塊
  • config中配置了路徑端口值等
  • build中配置了
  • webpack的基本配置、開發環境配置、生產環境配置等

 


免責聲明!

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



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