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