摘要:下面來就來講講腳手架的安裝吧。如何安裝安裝只需要在終端下輸入下面一條命令自帶不需要安裝安裝完成后使用即可。原因是的問題,要求版本是。想用安裝,就必須用安裝一下。
前言
Vue作為前端三大框架(Angular,React,Vue)之一,號稱是最簡單,最容易上手的框架,同時也是行內(nèi)的大趨勢,還可以用來開發(fā)最火的小程序。具有開發(fā)快,雙向數(shù)據(jù)流等特點,有些人認為Vue是Angular和React的結(jié)合,既有Angular的模板語法也有React的組件化體系,以至于促使其發(fā)展飛快。
下面來就來講講Vue腳手架(vue-cli)的安裝吧。
# 全局安裝 vue-cli $ npm install --global vue-cli # 創(chuàng)建一個基于 webpack 模板的新項目 $ vue init webpack my-project # 安裝依賴,走你 $ cd my-project $ npm install $ npm run dev當使用npm install --global vue-cli命令時報:npm: command not found的解決辦法。
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執(zhí)行上面命令的時候會出現(xiàn):sudo: apt-get: command not found,原因是apt-get是debian(Ubuntu)才有的包管理器。
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的更多功能請使用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繼續(xù)執(zhí)行npm install --global vue-cli安裝架手架,發(fā)現(xiàn)npm不能安裝模塊。原因是proxy的問題,要求node版本是node-6.2.1。
執(zhí)行下面命令:
npm config rm proxy npm config rm https-proxy
Mac中在/Users/YourUserName下找不到.bash_profile則自己創(chuàng)建.bash_profile文件。運行下面命令:
cd /Users/YourUserName //進入文件目錄位置 touch .bash_profile //創(chuàng)建文件 open -e .bash_profile //打開并編輯(文件可為空) source .bash_profile //編輯保存了執(zhí)行這句編譯下
上面步驟操作完了,再執(zhí)行:npm install --global vue-cli,現(xiàn)在可以執(zhí)行了。
當執(zhí)行vue init webpack my-project時如果報:bash vue :command not found,這個提示是指沒有成功的安裝vue-cli,重新執(zhí)行npm install --global vue-cli全局安裝就可以了。
上面講的是用npm安裝,當然你也可以用yarn。想用yarn安裝,就必須用npm安裝一下yarn。執(zhí)行命令:npm install -g yarn
修改全局路徑為默認路徑:npm root -g //查看本機全局的npm包的安裝路徑 npm config set prefix /usr/local //修改全局路徑為默認路徑 npm -v //可以看到nodejs相應(yīng)的版本號創(chuàng)建新項目
cd /Users/app/Downloads/project vue init webpack my-project(項目名字) //創(chuàng)建新項目 //創(chuàng)建項目之前會詢問你項目相關(guān)信息,信息如下: ? Project name my-project //設(shè)置項目名稱 ? Project description my-project app ?//設(shè)置項目描述 ? Author Martyr //設(shè)置作者 ? 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 //是否需要現(xiàn)在通過npm或yarn幫你配置項目,或是稍后你自己動手安裝 安裝完成后出現(xiàn)運行項目的相關(guān)提示: cd my-project //進入my-project文件夾 npm install //安裝依賴; npm run dev //運行項目
最后,瀏覽器地址欄輸入:http://localhost:8080回車,新建的vue-cli模板項目就運行了。
附:
在項目里安裝Vux移動端
npm install vux --save npm install vux-loader --save-dev //安裝vux 必須安裝vux-loader 否則報錯
安裝weex開發(fā)APP
//全局安裝 weex-toolkit 在app下執(zhí)行就可以 sudo npm install -g weex-toolkit //安裝 appdeMacBook-Pro: app$ weex -v //查看版本號,出現(xiàn)如下顯示則安裝成功 v1.3.11 - weex-builder : v0.4.0 - weex-previewer : v1.5.1相關(guān)資料
創(chuàng)建Vue項目 以及引入Iview
npm: command not found的解決方案
Mac OSX下使用apt-get命令
vue新建項目(-)vue-cli安裝
Mac 打開、編輯 .bash_profile 文件
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/29504.html
摘要:下面來就來講講腳手架的安裝吧。如何安裝安裝只需要在終端下輸入下面一條命令自帶不需要安裝安裝完成后使用即可。原因是的問題,要求版本是。想用安裝,就必須用安裝一下。 前言 Vue作為前端三大框架(Angular,React,Vue)之一,號稱是最簡單,最容易上手的框架,同時也是行內(nèi)的大趨勢,還可以用來開發(fā)最火的小程序。具有開發(fā)快,雙向數(shù)據(jù)流等特點,有些人認為Vue是Angular和Reac...
摘要:遠程讀取會有許多限制,防止引起不必要的安全隱患。比較時可以把點去掉轉(zhuǎn)為數(shù)字類型比較腳本執(zhí)行完畢下載前可以拿到更新日志時間版本號和包大小,下載時可以拿到速度。然后開啟該項目的構(gòu)建。將第一步生成的填至項目環(huán)境變量,參數(shù)名為。 父母都是做出納相關(guān)的工作,希望我能給他們做個簡單的進銷存,在上班的時候使用。開發(fā)一個不需要花錢買服務(wù)器,不需要依賴網(wǎng)絡(luò)(更新除外),單機版的程序,對于前端出身的我來說...
摘要:直接全局安裝是會出現(xiàn)錯誤錯誤如下這種錯誤提示是你沒有權(quán)限將安裝文件直接寫入一個權(quán)限控制文件里。 直接 npm install -g @vue/cli全局安裝是會出現(xiàn)錯誤 錯誤如下: Last login: Tue Oct 30 23:43:58 on ttys000 asusdeMac:~ asus$ npm install -g @vue/cli npm WARN deprecate...
閱讀 2440·2021-11-22 13:53
閱讀 1134·2021-09-22 16:06
閱讀 1376·2021-09-02 15:21
閱讀 1907·2019-08-30 15:55
閱讀 3127·2019-08-29 11:19
閱讀 1925·2019-08-26 13:23
閱讀 944·2019-08-23 18:23
閱讀 1760·2019-08-23 16:06