vue3【2024版】开发环境搭建(含官网和nvm下载切换最新版node,修改node下载源,创建项目,启动项目,安装vscode插件Vue - Official)

简介: vue3【2024版】开发环境搭建(含官网和nvm下载切换最新版node,修改node下载源,创建项目,启动项目,安装vscode插件Vue - Official)

下载安装18.0以上版本的 node.js

方案一:通过官网下载安装

https://nodejs.org/en

按安装导航,一直 next 即可。

查看 node 版本

node -v

方案二:通过 nvm 下载安装

前提:已安装了 nvm

  1. 查看当前已存在的 node 版本
nvm list

若显示已存在 18.0 以上的 ndoe.js,则无需安装,直接切换使用即可。

  1. 查看可安装的 node 版本
nvm list available

选择 LTS 稳定版的最新版

  1. 安装目标版本的 node
nvm install 20.12.2
  1. 切换到目标版本的 node
nvm use 20.12.2
  1. 查看 node 版本,确保已成功切换为最新版的 node
node -v

修改 npm 下载源

以前的淘宝源已停止维护,需改成新下载源

npm config set registry https://registry.npmmirror.com

查看下载源

npm get registry

创建项目

npm create vue@latest

进入项目

cd examApply

安装依赖

npm i

启动项目

使用 vscode 打开项目,点击脚本运行按钮,或终端执行

npm run dev

安装 IDE 插件 Vue - Official

vscode 专用

https://marketplace.visualstudio.com/items?itemName=Vue.volar

目录
相关文章
|
1月前
|
JavaScript 前端开发 开发者
VUE 开发——Node.js学习(一)
VUE 开发——Node.js学习(一)
63 3
|
30天前
|
缓存 资源调度 JavaScript
npx与npm的差异解析,以及包管理器yarn与Node版本管理工具nvm的使用方法详解
npx与npm的差异解析,以及包管理器yarn与Node版本管理工具nvm的使用方法详解
31 0
|
2月前
|
存储 JavaScript 前端开发
Node 版本控制工具 NVM 的安装和使用(Windows)
本文介绍了NVM(Node Version Manager)的Windows版本——NVM for Windows的安装和使用方法,包括如何安装Node.js的特定版本、列出已安装版本、切换使用不同版本的Node.js,以及其他常用命令,以实现在Windows系统上对Node.js版本的便捷管理。
Node 版本控制工具 NVM 的安装和使用(Windows)
|
2月前
|
JavaScript 应用服务中间件 Linux
宝塔面板部署Vue项目、服务端Node___配置域名
本文介绍了如何使用宝塔面板在阿里云服务器上部署Vue项目和Node服务端项目,并配置域名。文章详细解释了安装宝塔面板、上传项目文件、使用pm2启动Node项目、Vue项目打包上传、以及通过Nginx配置域名和反向代理的步骤。
490 0
宝塔面板部署Vue项目、服务端Node___配置域名
|
1月前
|
JavaScript 算法 内存技术
如何降低node.js版本(nvm下载安装与使用)
如何降低node.js版本(nvm下载安装与使用)
|
1月前
|
缓存 JavaScript Oracle
Node.js版本管理工具之NVM
Node.js版本管理工具之NVM
|
Web App开发 JavaScript 索引
|
2月前
|
JavaScript
NodeJs的安装
文章介绍了Node.js的安装步骤和如何创建第一个Node.js应用。包括从官网下载安装包、安装过程、验证安装是否成功,以及使用Node.js监听端口构建简单服务器的示例代码。
NodeJs的安装
|
1月前
|
JavaScript 开发工具 git
已安装nodejs但是安装hexo报错
已安装nodejs但是安装hexo报错
26 2
|
1月前
|
Web App开发 JavaScript 前端开发
JavaWeb 22.Node.js_简介和安装
JavaWeb 22.Node.js_简介和安装