vue相關環境配置 nvm安裝 node安裝 vuecli3.0安裝


 前言

如題,基於很多朋友對於環境配置及搭建存在疑問或者不熟悉的情況,因此整理一篇完整的環境搭建說明,在此默認各位到手的電腦是需要從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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM