vuecli 腳手架的介紹和安裝

如果只是寫簡單的幾個vue的demo程式，那麼不需要vue cli

如果在開發大型專案，那麼需要，並且必然需要使用vue cli

1.使用vue.js開發大型應用時，需要考慮**目錄結構，，專案結構和部署、熱載入、**單元測試等事情。

2.如果每個專案都要手動完成這些工作，那無疑效率比較低，所以通常會使用一些腳手架工具來幫助完成這些事情。

1.cli是command-line inte***ce,翻譯為命令列介面，但是俗稱腳手架。

2.vue cli是乙個官方發布vue.js專案的腳手架。

3.使用vue-cli可以快速搭建vue開發環境以及對應的webpack配置。

安裝nodejs

預設情況下自動安裝node和npm

node環境要求8.9以上版本

什麼是npm呢？

1.npm全稱是node package manage

2.是乙個nodejs包管理和分發工具，已經成為了非官方的發布node模組（包）的標準

3.使用npm來安裝開發過程中依賴包

vue.js官方腳手架工具就使用了webpack模板

對所有的資源會壓縮等優化操作

它在開發過程中提供了一套完整的功能，能夠使我們開發過程中變得高效

webpack全域性安裝：

npm install webpack -g

注意：上面安裝的是vue cli3的版本，如果需要想要按照vue cli2的方式初始化專案是不可以的。

vue init webpack my-project

vue create my-project

npm install -g yarn

yarn -v

npm install -g @vue/cli

vue -v

d:vue create vuedemo

根據提醒切換**得npm

選擇vue安裝組建

一路不明白得選擇，最後選擇yarn進行安裝

安裝完成後根據提示啟動：

cd vuedemo

yarn serve

完成後根據提醒在瀏覽器執行

解除安裝vuecli4 :

npm uninstall @vue/cli -g

npm uninstall vue-cli -g

npm install -g @vue/[email protected]

vue -v

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執行初始化命令的時候回讓使用者輸入幾...