Vite的安装和Cli的卸载 您所在的位置:网站首页 vite和cli Vite的安装和Cli的卸载

Vite的安装和Cli的卸载

2024-07-07 06:27| 来源: 网络整理| 查看: 265

Node.js 安装配置

本章节我们将向大家介绍在 Windows 和 Linux 上安装 Node.js 的方法。

本安装教程以 Node.js v4.4.3 LTS(长期支持版本)版本为例。

Node.js 安装包及源码下载地址为:Node.js — Download。

nodejs_download

你可以根据不同平台系统选择你需要的 Node.js 安装包。

Node.js 历史版本下载地址:Index of /dist/

注意:Linux 上安装 Node.js 需要安装 Python 2.6 或 2.7 ,不建议安装 Python 3.0 以上版本。

Windows 上安装 Node.js

你可以采用以下两种方式来安装。

Windows 安装包(.msi)

本文实例以 v0.10.26 版本为例,其他版本类似, 安装步骤:

步骤 1 : 双击下载后的安装包 v0.10.26,如下所示:

install-node-msi-version-on-windows-step1

步骤 2 : 点击以上的Run(运行),将出现如下界面:

install-node-msi-version-on-windows-step2

步骤 3 : 勾选接受协议选项,点击 next(下一步) 按钮 :

install-node-msi-version-on-windows-step3

步骤 4 : Node.js默认安装目录为 "C:\Program Files\nodejs\" , 你可以修改目录,并点击 next(下一步):

install-node-msi-version-on-windows-step4

步骤 5 : 点击树形图标来选择你需要的安装模式 , 然后点击下一步 next(下一步)

install-node-msi-version-on-windows-step5

步骤 6 :点击 Install(安装) 开始安装Node.js。你也可以点击 Back(返回)来修改先前的配置。 然后并点击 next(下一步):

install-node-msi-version-on-windows-step6

安装过程:

install-node-msi-version-on-windows-step7

点击 Finish(完成)按钮退出安装向导。

install-node-msi-version-on-windows-step8

检测PATH环境变量是否配置了Node.js,点击开始=》运行=》输入"cmd" => 输入命令"path",输出如下结果:

PATH=C:\oraclexe\app\oracle\product\10.2.0\server\bin;C:\Windows\system32; C:\Windows;C:\Windows\System32\Wbem;C:\Windows\System32\WindowsPowerShell\v1.0\; c:\python32\python;C:\MinGW\bin;C:\Program Files\GTK2-Runtime\lib; C:\Program Files\MySQL\MySQL Server 5.5\bin;C:\Program Files\nodejs\; C:\Users\rg\AppData\Roaming\npm

我们可以看到环境变量中已经包含了C:\Program Files\nodejs\

检查Node.js版本

node-version-test

卸载Cli(有下载的卸载) cnpm uninstall @vue/cli -g npm uninstall @vue/cli -g Vite的安装 npm install vite -g

可以用命令看一下自己是否安装成功

vite -v

用Vite创建项目

① 使用npm 、yarn、pnpm 其中一种命令安装即可

pnpm 是集合了npm 和yarn 优点的,在使用前需要先安装

使用 NPM:

  npm create vite@latest

使用 Yarn:

  yarn create vite

使用 PNPM:

  pnpm create vite

③选择使用哪种框架,这里我们当然是选择Vue 了

Vite 不仅仅支持Vue 框架,还支持React、Vanilla、Lit 等前端主流框架                                    

先输入项目名称,选择vue

再悬着TypeScript

把下面三个代码都执行一遍

最后就会有一个本地地址复制到浏览器打开,就创建好了,然后去VScode上面打开,进行更改



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有