前端 - mac 配置vue開發(fā)環(huán)境

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

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容