Vue專案搭建

1、環境搭建

npm install -g cnpm --registry=

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 頁面元件
-main.js 專案的入口
-router.js 路由關係
-store.js vuex存放資料
-package.json 專案依賴的第三方模組
-node_modules:專案依賴(以後專案要傳到git上,這個不能傳)
-publish--->index.html 是總頁面
-src :專案
-assets:靜態資源
-components:元件
-views:檢視元件
-main.js :總的入口js
-router.js :路由相關,所有路由的配置,在這裡面
-store.js :vuex狀態管理器
-package.json:專案的依賴,npm install 是根據它來安裝依賴的

vue專案搭建

前提安裝好node不再贅述 可以在自帶的命令列中執行,也可以在webstome中執行 安裝cnpm npm install g cnpm registry 安裝webpack 這一步可以省略,反正你也不會用 cnpm install webpack g 全域性安裝 vuecnpm install g...

Vue專案搭建

vue cli 專案搭建及常用外掛程式安裝，報錯解決 環境搭建 node v 檢測版本 2.安裝webpack npm install webpack g webpack v 檢測是否安裝成功 專案搭建 1.npm install vue cli g vue v 接下來的步驟有兩種方式 1 cd 進...

vue專案搭建

1 安裝 映象，用cnpm裝東西很省事，目前沒被坑過 一下命令在cmd中完成 可以不按裝 npm install g cnpm registry 2 安裝vue腳手架 cnpm install g vue cli測試是否成功安裝 vue v 3.進入安裝的資料夾目錄，構建檔案結構目錄 vue ini...