前端框架Vue環境安裝(WebStorm+Node.js+NVM+Chrome+vue-devtools)

工欲善其事,必先利其器,廢話不多說,直接上乾貨。

WebStorm

IDE我安裝的WebStorm,是很久之前就安裝好的了,印象中安裝過程不難,只是經常都需要破解,不過好在每次都有熱心的互聯網大衆分享破解碼,所以問題不大。但是沒辦法分享詳細的安裝步驟了,百度一下應該都有。


Node.js

Node.js安裝。下載網址。我是windows64位 的操作系統,下載的版本是v11.13.0。安裝好了之後再檢查一下是不是真的安裝好了。(補充:Node是前端依賴包的管理工具)

大多數安裝教程都是推薦下載左邊那個,但是我一時興起就下了右邊這個,問題不大。

下載好了點擊 node-v11.13.0-x64.msi開始安裝,選擇一下路徑就可以了,沒有什麼特殊操作。(現在官方下載node會自動把npm也下載好)

去測試一下是不是真的安裝好了。

如果是這樣就是Ok的了,這個安裝難度應該不大,我全程沒有遇到什麼問題。


NVM

這個下載安裝就有點麻煩了,因爲nvm好像只支持linux和mac下載,不支持windows,不過可以下載nvm的替代品。

(補充:nvm是Node多版本管理的工具)

下載地址

選擇最新版本的nvm-setup.zip,下載好了解壓安裝,中間會讓你輸入兩個地址,一個是nvm安裝的地址,另外一個地址會自動添加到環境變量,這裏我也不是很懂,所以遇到了點小問題。因爲不想安裝到C盤,所以沒有用默認的地址,然後第二個地址默認是要.../nodejs,我不太懂就改了,結果安裝過程中彈出一些什麼類似需要覆蓋我選擇文件的內容之類的,我都同意了,最後也沒安裝成功。於是我用unins000文件卸載了。第二次安裝,我的兩個文件夾選擇的就是。F:\nvm和 F:\nodejs,然後安裝過程中也沒彈出什麼東西,就直接安裝好了。

怎麼檢查自己安裝好沒有呢?在cmd裏面輸入nvm能查到版本號什麼的就是安裝好了。

安裝好了還有一件事需要做!

添加一些信息到setting.txt文件

arch: 64
proxy: none
node_mirror: http://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/

截止下載nvm算是安裝好了。我這裏直接上乾貨,具體原理就沒介紹了。下面有兩篇更詳細的博客。

windows系統安裝可以參考這篇博客。Linux系統安裝可以參考這篇博客


chrome瀏覽器

一般都用firefox的我本來是不想下載谷歌瀏覽器的,但是谷歌瀏覽器有一個vue-devtools的插件,可以方便vue的調試,所以我就下載啦。不過我是在電腦的軟件關機裏面下載的,一鍵安裝那種。


vue-devtools

下載安裝了這麼多東西,最難的大概就是vue-devtools了吧,不過千萬彆着急,因爲我找到了一個下載捷徑!

爲什麼難安裝呢,其實在谷歌商店裏面就可以直接安裝的,但是因爲要翻牆,所以很多教程裏面都是去Github裏面下載,然後進行一些修改配置。很多地方需要設置,很多文件也需要改來改去,最後還不一定安裝得好。所以最後,還是把目標投向了谷歌商城,思路就是,下載一個谷歌訪問助手,然後在谷歌上次裏面下載vue-devtools插件。其過程非常簡單。

詳細過程參考這篇博客

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章