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 更改好之後,檢...