vue的使用 安裝vue cli腳手架

2021-10-05 05:34:10 字數 542 閱讀 5605

vue官方中文文件:

1、安裝vue-cli 腳手架工具 

cnpm install  -g [email protected]

vue -v #檢視安裝的版本

2、初始化vue工程

初始化乙個基於webpack的vue的demo工程

vue init webpack  demo

如果安裝npm依賴較慢,可以ctrl+c終止掉,使用cnpm install 進行安裝。

cd demo 

cnpm install 

3、修改config/index.js 將專案修改為可本地瀏覽執行的程式(可正確載入靜態資源)

build:

4、vue常用命令 

npm run dev   #執行開發,瀏覽器訪問http://localhost:8080

npm run build #打包到dist目錄,可將dist目錄中所有檔案部署的nginx等靜態資源伺服器

5、執行npm run build後

找到專案的dist目錄,雙擊index.html可本地執行。

vue的腳手架vue cli的安裝使用

vue的腳手架vue cli的安裝使用 windows開發環境下 node安裝與配置環境 你可以通過在命令列輸入node v 安裝是否成功 新版的node是自帶npm的,可以通過npm v 檢視版本 為了不占用c盤空間,重置npm安裝路徑 也可以不設定 npm config set prefix d...

vue cli安裝vue安裝和配置

今天來介紹一下vue專案的自動化構建 2.nodejs安裝成功以後,會自動安裝上npm npm是nodejs的包管理和分發工具 也可以安裝上 npm映象,命令 npm install g cnpm registry taobao.org,適合國內的網際網路環境 3.接著安裝vue cli,命令 np...

Vue腳手架 vue cli的安裝和使用

vue cli是乙個腳手架工具,包含了諸多前端技術 這些工具,他們大部分依賴兩個東西 node環境 很多任務具的執行環境 目前,npm已經和node整合,當安裝node後會自動安裝npm 開啟終端,node v。npm v會顯示版本資訊 npm config set registry 更改好之後,檢...