如何建立並執行vue專案

2021-08-01 12:11:39 字數 685 閱讀 5038

##如何執行vue專案

1、安裝node.js(npm包)

vue-cli構建工具(npm install -g vue-cli)

cnpm npm的**映象(可直接用npm)

2、建立專案

vue init webpack[webpack構建工具] firstvue[專案資料夾名稱]

直接回車 (yes)即可 完成後,cd firstvue(進入目錄)

3、安裝專案所需的依賴

cnpm install

–大型專案用 npm install

4、執行專案

命令npm run dev (將自動載入並重新整理開啟伺服器檢視效果,預設是localhost:8080)

ps:其中 run 對應的是package.js檔案中 scripts 欄位的dev,也就是node build/dev-server.js命令的乙個快捷方式

##vue的結構目錄

build ----最終發布的**存在位置

static—靜態資源目錄,如、字型等

test—初始測試目錄,可刪除

.***----檔案是配置檔案,包括語法配置,git配置等

index.html—首頁入口檔案,你可以新增一些meta資訊或者統計**的

package.json—專案配置檔案

readmde.md—專案的說明文件

vue 安裝並建立vue專案

2,npm包管理器,是整合在node中的,所以安裝了node也就有了npm,直接輸入 npm v 命令,顯示npm的版本資訊。3,安裝vue cli,執行下面的命令 npm install g vue cli cnpm i g vue cli 安裝結束之後,可以使用vue v 檢視 vue 的版本 ...

如何執行vue專案

通過查閱網上教程,成功搭建好專案環境,同時對前段工程化有了朦朦朧朧的認知,因此將環境搭建過程分享給大家。首先,列出來我們需要的東西 安裝node.js從 安裝完成之後,開啟命令列工具,輸入 node v,如下圖,如果出現相應的版本號,則說明安裝成功。npm包管理器,是整合在node中的,所以,直接輸...

如何執行vue專案

在師兄的推薦下入坑vue.js 發現不知如何執行github上的開源專案,很尷尬。通過查閱網上教程,成功搭建好專案環境,同時對前段工程化有了朦朦朧朧的認知,因此將環境搭建過程分享給大家。可以看下我的github 裡面有我學習 工作寫的一些vue專案。言歸正傳 首先,列出來我們需要的東西 安裝node...