vue專案搭建

全域性安裝腳手架  cnpm install vue-cli -g

查詢安裝版本 vue -v 

初始化專案 vue init webpack 專案名字

專案初始化完成

注：

指令操作：

npm run dev  本地執行專案   開發環境

npm run build  編譯打包    方便上線   生產環境  

基本目錄結構

dist  編譯打包後才有的目錄

build 編譯打包相關的配置

config 專案整體的配置資訊（配置伺服器資訊）

更改config裡的index.js裡autoopenbrowser改成true在伺服器中執行npm run dev自動開啟瀏覽器

埠號port：8080

相對路徑：host：0.0.0.0

src 基本專案**目錄

main.js  入口檔案 

static 靜態目錄  

index.html  spa單頁面應用的跟檔案

package.json

**映象

獲取**映象：npm config get registry

設定**映象：npm config set registry

清除npm快取 npm cache clean -f

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...