1. 在mac上安裝brew
brew 是 Mac 下的一個包管理工具,沒有安裝brew ( 檢測用 brew -v ),則執(zhí)行下面的命令安裝
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
2. 安裝nodejs
使用brew安裝nodejs ( 檢測用?node -v )
brew install nodejs?
也可以使用二進制安裝,下載地址:
http://?nodejs.org/en/download/
獲取nodejs模塊安裝目錄訪問權限
sudo chmod -R 777 /usr/local/lib/node_modules/
npm ( 檢測用 npm -v ) 是隨同nodejs一起安裝的包管理工具。npm用國外的服務器,速度比較慢,淘寶提供了一個國內(nèi)的cnpm鏡像,速度較快,淘寶鏡像與官方同步頻率目前為 10分鐘一次。cnpm用法和npm相同。
安裝淘寶鏡像:
npm install -g cnpm --registry=https://registry.npm.taobao.org
3. 安裝webpack
npm install webpack -g
4. 安裝vue
? 2.x 版本
npm install vue-cli -g
? 3.x 版本
npm install -g @vue/cli
? ?檢查安裝是否成功?
vue --version # 輸出版本號說明安裝成功
5.創(chuàng)建vue項目
到自己的工作目錄下,創(chuàng)建vue項目
vue init webpack 工程名字 (工程名字不能用中文)
安裝參數(shù)說明:
????????Vue build ==> 打包方式,回車即可;
????????Install vue-router ==> 是否要安裝 vue-router? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 要? ? ?Y 回車;
????????Use ESLint to lint your code ==> 是否需要 js 語法檢測? ? ? ? ? ? ? ? ? 不要 ?n 回車;
????????Set up unit tests ==> 是否安裝 單元測試工具? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?不要 ?n 回車;
????????Setup e2e tests with Nightwatch ==> 是否需要 端到端測試工具 ???不要 ?n 回車;文章來源:http://www.zghlxwxcb.cn/news/detail-449052.html
6.安裝依賴 ( 需要先進入項目目錄 )
npm i
依賴安裝完成后,項目會增加node_modules文件夾文章來源地址http://www.zghlxwxcb.cn/news/detail-449052.html
7.啟動項目
npm run dev
到了這里,關于在mac上配置vue開發(fā)環(huán)境的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持TOY模板網(wǎng)!