Vue做爲前端三大框架(Angular,React,Vue)之一,號稱是最簡單,最容易上手的框架,同時也是行內的大趨勢,還能夠用來開發最火的小程序。具備開發快,雙向數據流等特色,有些人認爲Vue是Angular和React的結合,既有Angular的模板語法也有React的組件化體系,以致於促使其發展飛快。
下面來就來說講Vue腳手架(vue-cli)的安裝吧。前端
# 全局安裝 vue-cli $ npm install --global vue-cli # 建立一個基於 webpack 模板的新項目 $ vue init webpack my-project # 安裝依賴,走你 $ cd my-project $ npm install $ npm run dev
一、重裝nodejs。
二、依次執行下面的命令:vue
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
一、解決辦法一:使用brew代替apt-get
What is brew?
brew 全稱Homebrew,是Mac OSX上的軟件包管理工具,能在Mac中方便的安裝軟件或者卸載軟件。
如何安裝?
安裝只須要在終端下輸入下面一條命令(Mac自帶ruby不須要安裝)node
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
安裝完成後使用brew install libxml2便可。如需查看brew的更多功能請使用brew --help查看其幫助文檔。
二、解決辦法二:Fink 安裝過程這裏就再也不闡述,有興趣的能夠去看看,傳送門Fink的安裝webpack
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
執行下面命令:ios
npm config rm proxy npm config rm https-proxy
Mac中在/Users/YourUserName下找不到.bash_profile則本身建立.bash_profile文件。運行下面命令:git
cd /Users/YourUserName //進入文件目錄位置 touch .bash_profile //建立文件 open -e .bash_profile //打開並編輯(文件可爲空) source .bash_profile //編輯保存了執行這句編譯下
上面步驟操做完了,再執行:npm install --global vue-cli,如今能夠執行了。github
當執行vue init webpack my-project時若是報:bash vue :command not found,這個提示是指沒有成功的安裝vue-cli,從新執行npm install --global vue-cli全局安裝就能夠了。web
上面講的是用npm安裝,固然你也能夠用yarn。想用yarn安裝,就必須用npm安裝一下yarn。執行命令:npm install -g yarnvue-router
npm root -g //查看本機全局的npm包的安裝路徑 npm config set prefix /usr/local //修改全局路徑爲默認路徑 npm -v //能夠看到nodejs相應的版本號
cd /Users/app/Downloads/project vue init webpack my-project(項目名字) //建立新項目 //建立項目以前會詢問你項目相關信息,信息以下: ? Project name my-project //設置項目名稱 ? Project description my-project app //設置項目描述 ? Author Martyr //設置做者 ? Vue build standalone //使用標準的文件或是壓縮過的文件(標準) ? Install vue-router? Yes //是否安裝vue-router(路由) ? Use ESLint to lint your code? No //是否使用語法檢查器(檢查十分嚴格) ? Pick an ESLint preset Standard //用何種(選擇標準便可) ? Set up unit tests NO //是否使用單元測試 ? Setup e2e tests with Nightwatch? No //是否使用e2e測試 ? Should we run `npm install` for you after the project has been cre ated? (recommended) npm //是否須要如今經過npm或yarn幫你配置項目,或是稍後你本身動手安裝 安裝完成後出現運行項目的相關提示: cd my-project //進入my-project文件夾 npm install //安裝依賴; npm run dev //運行項目
最後,瀏覽器地址欄輸入:http://localhost:8080
回車,新建的vue-cli模板項目就運行了。vue-cli
附:
在項目裏安裝Vux移動端
npm install vux --save npm install vux-loader --save-dev //安裝vux 必須安裝vux-loader 不然報錯
安裝weex開發APP
//全局安裝 weex-toolkit 在app下執行就能夠 sudo npm install -g weex-toolkit //安裝 appdeMacBook-Pro: app$ weex -v //查看版本號,出現以下顯示則安裝成功 v1.3.11 - weex-builder : v0.4.0 - weex-previewer : v1.5.1
建立Vue項目 以及引入Iview
npm: command not found的解決方案
Mac OSX下使用apt-get命令
vue新建項目(-)vue-cli安裝
Mac 打開、編輯 .bash_profile 文件