vue腳手架(如何安裝及命令)

2021-10-09 17:44:49 字數 921 閱讀 7672

安裝完成,輸入

cnpm -v1

可以檢視當前cnpm版本,這個和npm的版本還是不一樣的

然後全域性安裝 vue-cli

cnpm install -g vue-cli1

這個命令只需要執行一次就可以了。安裝上之後,以後就不用安裝了。

檢視vue版本號

vue -v //注:v是大寫字母v1

也可以直接把專案名寫在命令後面

建立完成後資料夾內會有如下些檔案

安裝專案所需要的依賴

進入新建的專案資料夾下,就是上頭有一些檔案的裡面,輸入命令

cnpm install1

因為自動構建過程中已存在package.json檔案,所以這裡直接安裝依賴就行。

執行專案

cnpm run dev1

退出,ctrl + c >> y >> 回車

出現如圖畫面,在瀏覽器中輸入**http://localhost:8080 會出現如下圖

注意:如果瀏覽器開啟之後,沒有載入出頁面,有可能是本地的 8080 埠被占用了(預設服務啟動的是本地的8080埠),可以通過修改一下配置檔案 config>index.js裡的埠號

網上有的說執行cnpm run dev後,瀏覽器會自動預設開啟乙個「歡迎頁面」,但是我的沒有,原因應該如下

目錄中config下的index.js檔案中,將autoopenbrowser的值是false,改為true就能自動開啟了

4、後續其它步驟—打包上線

自己的專案檔案都需要放到 src 資料夾下

專案開發完成之後,可以輸入 npm run build 來進行打包工作

npm run build1

打包完成後,會生成 dist 資料夾,如果已經修改了檔案路徑,可以直接開啟本地檔案檢視

專案上線時,只需要將 dist 資料夾放到伺服器就行了。

vue腳手架安裝

cli 別名 腳手架 npm cnpm yarn 作用 版本 cli2 cli3 安裝npm install vue cli g cli3的版本 npm install vue cli g cli2的版本 yarn add vue cli global步驟 先安裝cli3 在安裝 vue cli i...

vue安裝腳手架

如果之前安裝過舊版本 非3.x 腳手架需要先解除安裝舊版本 命令 nmp uninstall vue cli g mac電腦需要在前面 加sudo nmp install g vue cli 安裝腳手架,用於生成專案 安裝得比較久 nmp install g vue cli service glob...

安裝vue腳手架

vue2.0 1.vue v 檢視版本,如果出現版本號,之前已經安裝過了。如果之前安裝的版本是想要的版本,可以直接建立專案 2.npm uninstall vue cli g 如果之前安裝了3.0的版本,現在想要安裝2.0,先解除安裝安裝過的版本 3.npm cache clean force 如果...