1. 首页
  2. 技术知识

vue3学习第一步-创建vue3项目

使用vue-cli创建vue3初始化项目介绍:

1. 创建一个vue3目录,安装vue-cli,vue-cli的版本4.0以上。

cnpm install @vue/cli

(电脑已存在vue2不用 cnpm install -g @vue/cli 全局安装)

下载后将vue 改vue3,vue .cmd改vue3.cmd(目的是与vue2共存,如果不需要共存,直接全局安装即可,不用修改)

配置vue3的环境变量,路径

D:\codeAPP\vue3\node_modules\.bin

使用vue3 -V查看版本号

查看版本号

2.创建项目vue3-demo

vue3 create vue3-demo

3. 进入 vue3-demo 目录,运行项目

npm run serve

4.浏览器输入

http://localhost:8080/

经过以上步骤即完成了vue3的项目初始化。

5.项目打包命令依旧是npm run build


Vue3的特点

1.性能提升:响应原理由Object.defineProperty改为基于ES6的Proxy,速度更快,重写了 Vdom,进行了模板编译的优化。

2.Composition API 使组件易维护。

3.更好的TypeScript支持

先打卡学习一下

原创文章,作者:starterknow,如若转载,请注明出处:https://www.starterknow.com/126858.html

联系我们