美文网首页
VVT项目第一步干什么!

VVT项目第一步干什么!

作者: 锋叔 | 来源:发表于2023-10-15 17:02 被阅读0次

第一步

关于项目第一步,那当然是搭框架咯,我没有太过分的技术追求,非得自己一个个文件都自己写自己跑起来,我喜欢更加高效的方式,依赖那些简单的方法。比如:
npm init vite@latest vvt-web

生成简易项目框架

  • 1、确保已经配置好了Node.js和npm。如果不会,可以自行搜索技术官网,都有详细的教程和手册,我就不在这儿多说。
  • 2、 打开命令行界面,进入到你想要创建项目的目录,并执行以下命令来初始化一个新的Vite项目:名字你随便取,我就叫vvt-web
   npm init vite@latest vvt-web

(上述命令就是使用最新版本的Vite脚手架工具来创建一个名为"vvt-web"的新项目。然后根据提示选择Vue 3作为模板,并确保选择"Use TypeScript"以使用TypeScript。)

    1. 进入到项目目录(你刚刚项目的目录),安装项目依赖:
    npm install
    

(如果失败,尝试使用yarn试试,自行下载安装,都是install命令:yarn install

  • 4、顺利的话你应该会得到一个这样的项目,我只截图一下文件结构。
image.png
    1. 进入到项目目录启动项目:
    npm run dev
    

如果顺利的话会给你一个本地启动地址,浏览器打开后应该是这样:

image.png

理论上,简易的框架就算搭好了,后续就是引入项目想使用的插件和依赖了。

相关文章

网友评论

      本文标题:VVT项目第一步干什么!

      本文链接:https://www.haomeiwen.com/subject/tigyvdtx.html