前言:
此刻大家对“如何运行vue3项目”大致比较注重,姐妹们都想要分析一些“如何运行vue3项目”的相关内容。那么小编也在网上网罗了一些对于“如何运行vue3项目””的相关知识,希望咱们能喜欢,兄弟们一起来了解一下吧!一、参考网址
(vue3)
. (vite.js)
二,通过cli方式创建vue项目
简单概括就是 安装 大于或等于 @vue/cli 4.5版本的脚手架,然后通过 vue create 项目名称。在选择需要选择的项。
(1).安装最新版的npm
npm install vue@next
(2).如果使用单文件组件
npm install -D @vue/compiler-sfc
对于 Vue 3,你应该使用 npm 上可用的 Vue CLI v4.5 作为 @vue/cli。要升级,你应该需要全局重新安装最新版本的 @vue/cli:
(3)安装vue/cli
yarn global add @vue/cli # 或 npm install -g @vue/cli
然后在vue项目中运行
vue upgrade --next
(4)-S和 -D的区别
npm install xxx -S,也就是 npm install module_name --save 写入dependencies npm install xxx -D,也就是 npm install module_name --save-dev 写入devDependencies
三、通过vite方式创建vue3项目
(1)
npm init @vitejs/app yarn create @vitejs/app
(2)通过命令行方式创建
# npm 6.xnpm init @vitejs/app my-vue-app --template vue# npm 7+, 需要额外的双横线:npm init @vitejs/app my-vue-app -- --template vue# yarnyarn create @vitejs/app my-vue-app --template vue
标签: #如何运行vue3项目