1、修改/etc/hosts 文件,添加homebrew 地址
添加
185.199.108.133 raw.githubusercontent.com
185.199.109.133 raw.githubusercontent.com
185.199.111.133 raw.githubusercontent.com
ps:修改需要輸入mac 密碼
2、Homebrew安裝
安裝:
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
卸載:
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/uninstall)"
下載完成后,會在終端看到打印?Installation Successful,
在終端輸入?brew -v?可以看到當(dāng)前版本,說明下載安裝成功。
ps:等待時間較長,建議梯子,如果安裝失敗,可以嘗試先輸入卸載指令清空后再執(zhí)行安裝指令
安裝notejs
使用brew安裝notejs
brew install nodejs
安裝完畢后,執(zhí)行以下命令查看nodejs的版本
node -v
獲取nodejs模塊安裝目錄訪問權(quán)限
sudo chmod -R 777 /usr/local/lib/node_modules/
npm是隨同nodejs一起安裝的包管理工具,能解決nodejs代碼部署上的很多問題,常見的使用場景有以下幾種:
允許用戶從NPM服務(wù)器下載別人編寫的第三方包到本地使用。
允許用戶從NPM服務(wù)器下載并安裝別人編寫的命令行程序到本地使用。
允許用戶將自己編寫的包或命令行程序上傳到NPM服務(wù)器供別人使用。
由于可以通過輸入“ npm -v”來測試是否成功安裝。
npm基本使用:
npm install? <package>? ? ? ? # 本地安裝
npm install? <package>? -g? # 全局安裝
npm list –g? ? ? ? ? ? ? ? ? #查看所有全局安裝的模塊
npm uninstall? <package>? ? ? # 卸載模塊
npm update? ? <package>? ? ? # 更新模塊
但npm用國外的服務(wù)器,速度比較慢,淘寶提供了一個cnpm命令,可以從淘寶鏡像下載,淘寶鏡像與官方同步頻率目前為 10分鐘 一次以保證盡量與官方服務(wù)同步。設(shè)置環(huán)境變量可以使得住任意目錄下都可以使用cnpm、vue等命令,而不需要輸入全路徑。安裝淘寶鏡像:
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm用法和npm相同。
3. 安裝webpack
cnpm install webpack -g
4. 安裝vue腳手架
cnpm install vue-cli -g
5.創(chuàng)建vue項目
到指定目錄下,創(chuàng)建vue項目
# 命令格式:vue init webpack 工程名字<工程名字不能用中文>
vue init webpack axf