美文网首页
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