欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 前端技术 > vue >内容正文

vue

vue3 项目搭建以及使用

发布时间:2024/1/8 vue 54 豆豆
生活随笔 收集整理的这篇文章主要介绍了 vue3 项目搭建以及使用 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

一、创建一个普通的vue3项目

  • 创建一个普通的vue3项目
  • //注意如果之前安装过的话建议先卸载再重新安装 npm uninstall vue-cli -g //yarn global remove vue-cli npm i -g @vue/cli //全局安装最新vue构建工具 (默认最新) vue -V vue create testvue3 //创建一个名为myvue3的项目
  • 选择 Default ( Vue 3 Preview)
  • //运行项目 cd testvue3 yarn serve

    二、创建一个基于vite开发的vue3项目

    npm install -g create-vite-app //全局安装最新vite构建工具 (默认最新) create-vite-app my-vite-vue3 //创建一个名为myvitevue3的项目cd my-vite-vue3 //进入项目 yarn install //安装项目依赖 yarn dev //启动项目

    总结

    以上是生活随笔为你收集整理的vue3 项目搭建以及使用的全部内容,希望文章能够帮你解决所遇到的问题。

    如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。