##如何執行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...