这是一篇普通大学生的学习记录帖,学习Vue3之前学过一些html,css,javascript的基础知识,希望可以通过记录博客对知识进行每日总结。


前言

创建vue项目首先需要下载VScode,Vite,node.js等。

node版本最好16以上,以下是官网地址:

VScode:Visual Studio Code - Code Editing. Redefined

Vite:https://vitejs.cn

node.js:下载 | Node.js 中文网

下载node之前最好先下载nvm来管理node.js版本。nvm:开始 下载nvm - nvm中文官网


一、Vue是什么?

Vue.js 是一款由尤雨溪开发的 渐进式 JavaScript 框架,专注于构建用户界面和单页面应用(SPA)。它以轻量、灵活和易用著称,适合从简单项目到复杂应用的开发需求。Vue.js 的核心特点包括 响应式数据绑定、组件化开发 和 虚拟 DOM,这些特性使得开发者能够高效地创建动态交互式的 Web 应用。

二、创建Vue3工程

1.基于vite创建

Vite是一种新型前端构建工具,能够显著提升前端开发体验。官网地址:https://vitejs.cn

兼容性注意:Vite 需要 Node.js 版本 14.18+,16+,请注意升级你的 Node 版本。

具体步骤如下:

step1:  在你需要创建项目的文件目录下右击点击终端打开。

step2:在终端输入命令npm create vite@latest

npm create vite@latest

step3:如图进行选择。项目名称最好不要带有中文,使用字母+下划线组合。

当出现这个界面的时候我们的vite就创建好了!

并且项目文件夹也创建好了。

打开我们的VScode,打开项目文件夹,就可以开始写代码了!


 最后

如果这篇文章对你有帮助的话就点个赞吧!

下一篇讲讲Vue项目的各个文件有什么作用。

Logo

Agent 垂直技术社区,欢迎活跃、内容共建。

更多推荐