1、Vue-组合式-第一个项目

点击前往官网
点击进行环境搭建

一、创建项目

使用下述命令创建项目

npm create vue@latest

ps: 为了方便学习,上述在创建项目时需要用到的插件全部选择不创建

二、运行项目

按照上述操作最后结果上显示的命令来启动项目即可

cd study-vue
npm install      # 这一步需要等的时间稍微长一些
npm run dev

然后使用local的地址在浏览器中即可访问该前端项目

三、目录结构

这里把下图的对应文件和内容删除,保持最简化项目结构,方便后续的学习

删除选中的文件
删除红框中的内容
删除到跟截图中一致

删除完之后可以再访问一下该前端项目,此时出了标签页上Vueicon之外应该是没有其他内容的

你可能感兴趣的:(1、Vue-组合式-第一个项目)