vue cli腳手架安裝教程

2021-08-30 06:29:13 字數 386 閱讀 3605

最近在看vue.js教程,看到有vue-cli這個專案腳手架,很好,而且內部帶有webpack和熱更新,省去自己建立專案目錄結構的很多時間,這樣可以專注開發了!!
安裝vue-cli

1、使用npm(前提是電腦上已經安裝node環境才能使用npm哦)全域性安裝webpack,在命令列中輸入:npm install webpack -g,等待一會就能安裝上了,安裝完成之後可以輸入webpack-v 進行檢視是否安裝上,一般都能上。

2、全域性安裝vue-cli,命令列中輸入:npm install --g vue-cli安裝過程如下圖所示:

vue cli腳手架安裝

映象使用方法 三種辦法任意一種都能解決問題,建議使用第三種,將配置寫死,下次用的時候配置還在 1.通過config命令 npm config set registry npm info underscore 如果上面配置正確這個命令會有字串response 2.命令列指定 npm registry ...

vue cli腳手架安裝

2.執行cmd,檢視版本號 出現版本號說明安裝成功 輸入 node v 檢視node版本號 需要在6.9以上 輸入 npm v 檢視npm版本號 需要在3.10以上 3.命令列工具 在cmd裡安裝 全域性安裝 vue cli npm install global vue cli mac機全域性安裝需...

安裝腳手架vue cli

cnpm install global vue cli要建立專案,首先我們要選定目錄,然後再命令列中把目錄轉到選定的目錄。可以使用 vue init webpack my project初始化乙個專案,或使用 vue init webpack my project執行初始化命令的時候回讓使用者輸入幾...