美文网首页
1分钟搭建1个Vue3项目

1分钟搭建1个Vue3项目

作者: 深度剖析JavaScript | 来源:发表于2022-01-20 17:18 被阅读0次

    这里推荐使用Vite来构建Vue3项目,原因是它真的太快了

    如果你要选择其他方式,移步官方文档

    使用Vite搭建Vue3项目

    安装命令根据你用的包管理器不同而有所不同

    这里选择pnpm的方式

    使用pnpm四步创建项目

    $ pnpm create vite <project-name> -- --template vue
    $ cd <project-name>
    $ pnpm install
    $ pnpm dev
    

    <project-name>表示项目名称,我写的叫vue3-demo

    执行完四步,就会看到以下信息

    vite v2.7.13 dev server running at:
    
    > Local: http://localhost:3000/
    > Network: use `--host` to expose
    
    ready in 7418ms.
    

    里头有个预览地址:http://localhost:3000/

    我们打开后可以看到以下界面

    image.png

    如果你也到这一步,那么恭喜你成功搭建一个Vue3项目🎉

    相关文章

      网友评论

          本文标题:1分钟搭建1个Vue3项目

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