使用Vue3创建项目

1.安装Vue工具

vue-cli是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板，是一个基于Vue.js进行快速开发的完整系统

npm instal1 -g @vue/c1i

安装后，可以在命令行中访问vue命令。通过简单运行vue，看看是否展示出了一份所有可用命令的帮助信息，来验证它是否安装成功，可查看版本

选 vue --version   或   vue -V

2.创建一个项目

运行以下命令来创建一个新项目

vue create vue-demo (vue-demo是项目名称)

 

创建vue3项目，直接回车即可

• 在控制台中，可以用上下按键调整选择项
• 在控制台中，可以用空格(spacebar)选择是否选中和取消选中 

创建完成后会出现如下界面，依提示输入命令，即可成功运行项目

  

具体步骤如下：

可以复制 http://localhost:8080/ 到网页按回车

出现如下界面，那么恭喜你，已经迈出了使用vue3的第一步

 3.安装Vue高亮插件

VSCode中安装vetur或者volar都可，前者针对Vue2版本，后者针对Vue3版本

 ps.附上Vue官方文档

简介 | Vue.js