【vue2.x基礎】用npm起一個完整的項目

　　1. 安裝vue

　　npm install vue -g

　　2.  安裝vue-cli腳手架

　　npm install vue-cli -g

　　3. 安裝webpack

　　npm install webpack -g

　　4 cd[/d][X:]進某個路徑，存放咱們要建的項目，不然會默認路徑建項目

　　vue init webpack "項目名稱"

　　5 等項目初始化完之後cd進所在的目錄

　　cd '項目所在文件夾'

　　6 npm run dev運行項目

---

 

文件構成詳解

第一部分： build構建腳本目錄

 

 

 build.js ===》 生產環境構建腳本

check-versions.js ===》 檢查npm node.js腳本

utils.js ===》 構建相關工具方法

vue-loader.conf.js ===》配置了css加載器以及編譯以後css自動添加前綴

webpack.base.conf.js ===》webpack基本配置

webpack.dev.conf.js ===》 webpack開發環境配置

webpack.prod.conf.js ===》 webpack生產環境配置

 

第二部分： config 項目配置

dev.env.js ===》 開發環境變量

index.js ===》項目配置文件 （可在此處配置targetPath等）

prod.js ===》 生產環境變量

 

第三部分 node_modules： npm加載的項目依賴模塊

 

第四部分 src  這裏是開發目錄，裏面包含了不少目錄及文件

assets ===》資源目錄，放置一些圖片或者公共js 公共css，這裏的資源會被webpack構建

components ===》組件目錄，項目的組件就在這個目錄下

router ===》 前端路由，路由路徑就寫在這裏面

App.vue ===》 根組件，一切的源頭

main.js ===》 入口js文件

 

static：靜態資源目錄

index.html：首頁文件入口，可添加一些meta信息

packge.json：npm包配置文件，定義了項目的npm腳本以及依賴包插件等信息

README.md：項目的說明文檔