美文网首页
1、Vue-组合式-第一个项目

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

作者: 许忠慧 | 来源:发表于2023-08-28 12:14 被阅读0次

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

一、创建项目

使用下述命令创建项目

npm create vue@latest

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

二、运行项目

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

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

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

三、目录结构

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

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

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

相关文章

  • vue-cli搭建cnode社区

    一、准备工作 1.使用vue-­cli脚手架搭建项目,参考我的文章:使用使用vue-­cli脚手架搭建项目2.安装...

  • 由修改路由懒加载引起的

    layout: posttitle: 由修改路由懒加载引起的tags:- Vue- 笔记 项目背...

  • 使用 vue-cli 脚手架一键搭建工程

    五部走: 全局安装vue-­cli 进入目录–初始化项目 进入项目 安装依赖 启动项目 目录结构的分析 一、├──...

  • Vue-项目

    一.环境搭建 1.安装node 去官网下载node安装包 傻瓜式安装 万一安装后终端没有node环境,要进行nod...

  • JS继承方式总结 (转)

    借用构造函数继承 原型链式继承(借用原型链实现继承) 组合式继承 组合式继承优化1 组合式继承优化2 ES6中继承...

  • vue-项目实战

    最近花了一个多月时间学习了下vue,并开发了一个基于宠物视频的项目, 分为三块,vue-web,vue-h5, 以...

  • vue-封装axios(不带token)

    vue-封装axios(不带token)

  • Vue-使用JavaScript表达式

    Vue-使用JavaScript表达式 {{msg1}} new Vue({ el: "#app", data:f...

  • 2018-07-11

    vue-声明周期钩子函数 1、created 实例被创建后调用 var data = { a: 50}; var ...

  • Vue3 组合式API.md

    组合式API 介绍 什么是组合式 API(composition API) 组合式 API 是 Vue3 提供的新...

网友评论

      本文标题:1、Vue-组合式-第一个项目

      本文链接:https://www.haomeiwen.com/subject/qhqwmdtx.html