Vue3简单操作

最新推荐文章于 2025-06-22 11:11:55 发布

闲着忙于摸鱼。

最新推荐文章于 2025-06-22 11:11:55 发布

阅读量297

点赞数

CC 4.0 BY-SA版权

文章标签： vue.js npm 前端

本文链接：https://blog.csdn.net/weixin_45897100/article/details/127085363

今天我们讲一下vue3最基本的操作。

首先我们要去下载个NodeJS这个软件

网站：https://nodejs.org/zh-cn/
下载好，安装一下（最好不要安装C盘）。
下载好我们查看一下版本

这个是查看我们版本的代码

node -v

在这里插入图片描述
然后我们就可以用了。

接下来要开始我们第二步，打开我们VScode
如果没有的话可以去官方下载一下
https://code.visualstudio.com/ 这个官方。
也可以去我的百度云盘下载https://pan.baidu.com/s/1UWD_tI3XHzxpZZwYsI3_MA
密码：jast

然后开始我们的vue3东西。
打开我们的命令提示符
输入npm install -g vite@latest 然后就可以了。

查看我们的版本

npm --version

更新版本

在这里插入代码片

然后就可以创建Vue3的项目了
切记先进入我们想创建的盘里的文件夹才开始创建
这是我想创建的文件的地方
在这里插入图片描述
然后我们继续输入`
这个vue3demo是名字可以随便改。

npm init vite@latest vue3demo -- --template vue-ts

创建好我们就用VScode找到我们刚刚创建的文件打开
在这里插入图片描述

这个就是刚刚创建的项目。

接下来就是在终端上面运行我们的命令

npm install  这个是必须的包之类的东西
npm run dev    这个是运行的命令。

稍微总结一下步骤：

1. npm  install -g  vite@latest
2. npm init vite@latest 项目名称 -- --template vue-ts
3. cd 到项目目录之后运行： npm  install  
4. npm  run  dev