前言
如題,基於很多朋友對於環境配置及搭建存在疑問或者不熟悉的情況,因此整理一篇完整的環境搭建說明,在此默認各位到手的電腦是需要從0開始配置環境。
nvm的安裝
很多同學過去可能安裝node都是直接采用下載安裝包,直接進行軟件的安裝,當然這沒什么問題,但是我在這里建議使用nvm來管理node,你要問我應用場景,那可能是因為你沒遇到過,多個項目所需node環境版本不一致的情況,即便是沒有這種情況,使用nvm來管理node還是極為方便的,那么nvm是什么?簡而言之:nvm是讓你在同一台機器上安裝和切換不同版本的node的工具
nvm下載地址:https://github.com/coreybutler/nvm-windows/releases
•nvm-noinstall.zip: 這個是綠色免安裝版本,但是使用之前需要配置
•nvm-setup.zip:這是一個安裝包,下載之后點擊安裝,無需配置就可以使用,方便。
•Source code(zip):zip壓縮的源碼
•Sourc code(tar.gz):tar.gz的源碼,一般用於Linux系統
如上,此處建議選擇 nvm-setup.zip 下載安裝(傻瓜式安裝),無需配置,解決一些朋友不會做環境配置的困擾。
安裝完成后,測試安裝是否成功,在控制台輸入如下命令,出現版本號信息,則安裝成功。
nvm --version
在此簡單介紹幾個nvm的常用命令,不做過多闡述
| nvm list | 查看已經安裝的版本 |
| nvm install [arch] | 安裝制定版本的node 並且可以指定平台 version 版本號 arch 平台 |
| nvm uninstall | 卸載制定的版本 |
| nvm use [version] [arch] | 切換制定的node版本和位數 |
| nvm version | 查看當前的版本 |
node的安裝 (可指定安裝版本號)
nvm install 12.16.2
安裝完成后,執行如下命令,出現版本號信息即為安裝成功
node -v
全局vue-cli腳手架的安裝(3.x)
npm install -g yarn // 安裝yarn包管理工具,非必須,自行選擇
注意:若電腦之前有2.x版本的腳手架,需要先進行移除,若沒有安裝過腳手架,可忽略
npm uninstall vue-cli -g //(若存在2.x,先移除)或者執行,yarn global remove vue-cli
安裝3.x腳手架
npm install -g @vue/cli
# OR
yarn global add @vue/cli
查看是否安裝成功,若出現版本號信息即為安裝成功
vue -V
創建項目
vue create project-name //OR vue ui
后面則是根據需要對要創建的項目選擇基礎配置,此處不再過多贅述。
友情鏈接:
FatTiger's Blog https://wangshenjie.com
郭永昌的博客 https://www.guoyongchang.me
