摘要：下面來就來講講腳手架的安裝吧。如何安裝安裝只需要在終端下輸入下面一條命令自帶不需要安裝安裝完成后使用即可。原因是的問題，要求版本是。想用安裝，就必須用安裝一下。

Vue作為前端三大框架（Angular，React，Vue）之一，號(hào)稱是最簡單，最容易上手的框架，同時(shí)也是行內(nèi)的大趨勢(shì)，還可以用來開發(fā)最火的小程序。具有開發(fā)快，雙向數(shù)據(jù)流等特點(diǎn)，有些人認(rèn)為Vue是Angular和React的結(jié)合，既有Angular的模板語法也有React的組件化體系，以至于促使其發(fā)展飛快。
下面來就來講講Vue腳手架（vue-cli）的安裝吧。

# 全局安裝 vue-cli
$ npm install --global vue-cli
# 創(chuàng)建一個(gè)基于 webpack 模板的新項(xiàng)目
$ vue init webpack my-project
# 安裝依賴，走你
$ cd my-project
$ npm install
$ npm run dev

1、重裝nodejs。
2、依次執(zhí)行下面的命令：

sudo apt-get remove npm
sudo apt-get remove nodejs-legacy
sudo apt-get remove nodejs?
sudo rm /usr/bin/node?
sudo apt-get install nodejs?
sudo apt-get install nodejs-legacy?
sudo apt-get install npm

1、解決辦法一：使用brew代替apt-get
What is brew?
brew 全稱Homebrew，是Mac OSX上的軟件包管理工具，能在Mac中方便的安裝軟件或者卸載軟件。
如何安裝？
安裝只需要在終端下輸入下面一條命令（Mac自帶ruby不需要安裝）

ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

安裝完成后使用brew install libxml2即可。如需查看brew的更多功能請(qǐng)使用brew --help查看其幫助文檔。
2、解決辦法二：Fink 安裝過程這里就不再闡述，有興趣的可以去看看，傳送門Fink的安裝

brew remove npm
brew remove nodejs-legacy
brew remove nodejs
brew rm /usr/bin/node
brew install nodejs
brew install nodejs-legacy
brew install npm

執(zhí)行下面命令：

npm config rm proxy
npm config rm https-proxy

Mac中在/Users/YourUserName下找不到.bash_profile則自己創(chuàng)建.bash_profile文件。運(yùn)行下面命令：

cd /Users/YourUserName //進(jìn)入文件目錄位置
touch .bash_profile   //創(chuàng)建文件
open －e .bash_profile //打開并編輯（文件可為空）
source .bash_profile  //編輯保存了執(zhí)行這句編譯下

上面步驟操作完了，再執(zhí)行：npm install --global vue-cli，現(xiàn)在可以執(zhí)行了。

當(dāng)執(zhí)行vue init webpack my-project時(shí)如果報(bào)：bash vue :command not found，這個(gè)提示是指沒有成功的安裝vue-cli，重新執(zhí)行npm install --global vue-cli全局安裝就可以了。

上面講的是用npm安裝，當(dāng)然你也可以用yarn。想用yarn安裝，就必須用npm安裝一下yarn。執(zhí)行命令：npm install -g yarn

npm root -g //查看本機(jī)全局的npm包的安裝路徑
npm config set prefix /usr/local //修改全局路徑為默認(rèn)路徑
npm -v //可以看到nodejs相應(yīng)的版本號(hào)

cd /Users/app/Downloads/project
vue init webpack my-project(項(xiàng)目名字)  //創(chuàng)建新項(xiàng)目

//創(chuàng)建項(xiàng)目之前會(huì)詢問你項(xiàng)目相關(guān)信息，信息如下：

? Project name my-project    //設(shè)置項(xiàng)目名稱
? Project description my-project app ?//設(shè)置項(xiàng)目描述
? Author Martyr    //設(shè)置作者
? Vue build standalone    //使用標(biāo)準(zhǔn)的文件或是壓縮過的文件（標(biāo)準(zhǔn)）
? Install vue-router? Yes    //是否安裝vue-router（路由）
? Use ESLint to lint your code? No    //是否使用語法檢查器（檢查十分嚴(yán)格）
? Pick an ESLint preset Standard    //用何種（選擇標(biāo)準(zhǔn)即可）
? Set up unit tests NO    //是否使用單元測(cè)試
? Setup e2e tests with Nightwatch? No    //是否使用e2e測(cè)試
? Should we run `npm install` for you after the project has been cre
ated? (recommended) npm    //是否需要現(xiàn)在通過npm或yarn幫你配置項(xiàng)目，或是稍后你自己動(dòng)手安裝
安裝完成后出現(xiàn)運(yùn)行項(xiàng)目的相關(guān)提示：
cd my-project    //進(jìn)入my-project文件夾
npm install //安裝依賴；
npm run dev //運(yùn)行項(xiàng)目

最后，瀏覽器地址欄輸入：http://localhost:8080回車，新建的vue-cli模板項(xiàng)目就運(yùn)行了。

附：
在項(xiàng)目里安裝Vux移動(dòng)端

npm install vux --save
npm install vux-loader --save-dev //安裝vux 必須安裝vux-loader 否則報(bào)錯(cuò)

安裝weex開發(fā)APP

//全局安裝 weex-toolkit 在app下執(zhí)行就可以
sudo npm install -g weex-toolkit //安裝
appdeMacBook-Pro: app$ weex -v //查看版本號(hào)，出現(xiàn)如下顯示則安裝成功
   v1.3.11
 - weex-builder : v0.4.0
 - weex-previewer : v1.5.1

創(chuàng)建Vue項(xiàng)目 以及引入Iview
npm: command not found的解決方案
Mac OSX下使用apt-get命令
vue新建項(xiàng)目（-）vue-cli安裝
Mac 打開、編輯 .bash_profile 文件