龙空技术网

(一)创建并使用vue3项目

6块 199

前言:

此刻大家对“如何运行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项目