Vue項目搭建

1、環境搭建

• 安裝node

官網下載安裝包，傻瓜式安裝：https://nodejs.org/zh-cn/

• 安裝cnpm

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

• 安裝腳手架

cnpm install -g @vue/cli

• 清空緩存處理

npm cache clean --force

2、項目的創建

• 創建項目

vue create 項目名
// 要提前進入目標目錄(項目應該創建在哪個目錄下)
// 選擇自定義方式創建項目，選取Router, Vuex插件

• 啓動/停止項目

npm run serve / ctrl+c
// 要提前進入項目根目錄

• 打包項目

npm run build
// 要在項目根目錄下進行打包操作

3、認識項目

• 項目目錄

-node_modules  項目依賴包()
-public
    -index.html  vue項目都是單頁面開發
    -facicon.ico  圖標文件
-src 項目目錄
    -assets  存放靜態文件
    -components  組件(小組件)
    -views  頁面組件
    -App.vue  根組件
    -main.js  項目的入口
    -router.js 路由關係
    -store.js   Vuex存放數據
-package.json  項目依賴的第三方模塊

-node_modules:項目依賴(以後項目要傳到git上,這個不能傳)
-publish--->index.html  是總頁面
-src :項目
-assets:靜態資源
-components:組件
-views:視圖組件
-APP.vue:根組件
-main.js :總的入口js
-router.js :路由相關,所有路由的配置,在這裏面
-store.js  :vuex狀態管理器
-package.json:項目的依賴,npm install 是根據它來安裝依賴的