最近項目慢了下來,閑來無事,試著配置了一下Vuejs的環(huán)境,還是比較愉快的體驗,在這里記錄一下

首先我們要安裝npm(NodeJS的包管理工具),他是隨同Nodejs一起安裝的,所以只要安裝了nodejs,npm就附送給你了。

如果你的終端安裝了Homebrew,并且沒有歷史遺留問題,可以在終端直接用 brew install node 安裝nodejs,否則你就去https://nodejs.org/en/#download 中直接下載,點擊右邊的選項一步步安裝.

安裝完成后,npm就可以使用了。但是有一個問題,由于在國內(nèi)的原因,npm的訪問速度可能比較慢,你可以用npm下載一個npm的淘寶鏡像cnpm,訪問速度快一些。指令如下

npm install -g cnpm --registry=https://registry.npm.taobao.org

下載完cnpm,就可以用cnpm下載vue的命令行工具了

cnpm cnpm install -g vue-cli

下載完vue的命令行工具以后我們用指令檢查一下

如沒有問題那就用vue命令初始化一個項目,根據(jù)提示一步步寫,最后寫完會顯示

vue項目中有很多的依賴文件,切到你的vue項目,執(zhí)行命令

cnpm install

這個命令會把vue項目所有依賴的文件自動幫你加上

好了,最后一步啟動本地服務(wù)器

npm run dev

這時你在打開瀏覽器輸入服務(wù)器地址http://localhost:8080,就會看到vue項目的歡迎界面,如下圖所示

參考:

1.慕課網(wǎng)Vuejs教程

2.Mac安裝npm