当前位置: 首页 > news >正文

vue使用笔记

文章目录

      • 创建一个vue项目
        • 创建一个vue项目(简单版)
      • vue新增一个页面
        • code是什么意思
    • 理解

创建一个vue项目

最常用和推荐的方式vue cli。
1、打开一个终端(cmd或bash或vscode的terminal都可以),输入如下命令全局安装vue cli。

npm install -g @vue/cli 
# 或者
yarn global add @vue/cli

2、创建一个vue项目。

vue create <project-name>

里面可以有很多选项,也可以一路回车全用默认选项。

3、打开项目。

code . # 是一个命令行工具,用于快速打开 VS Code 并执行一些与代码相关的操作。
或
在vscode中打开该项目的文件夹
创建一个vue项目(简单版)
npm -v # 查看版本号
npm install -g @vue/cli # 安装vue cli
vue create vue-test # 创建vue项目
cd vue-test 
npm run serve # 运行浏览器输入如下地址(两个都可以):
http://localhost:8080
http://192.168.0.193:8080/

vue新增一个页面

npm install -g @vue/cli
# 或者
yarn global add @vue/cli
code是什么意思

code是一个命令行工具,用于快速打开 VS Code 并执行一些与代码相关的操作。
code .和 从vscode直接打开是一样的。

理解


文章转载自:
http://blagoveshchensk.jopebe.cn
http://caviar.jopebe.cn
http://absorbent.jopebe.cn
http://blaeberry.jopebe.cn
http://carbineer.jopebe.cn
http://calciphobous.jopebe.cn
http://berried.jopebe.cn
http://adpcm.jopebe.cn
http://beatrice.jopebe.cn
http://agnail.jopebe.cn
http://anterior.jopebe.cn
http://amphicar.jopebe.cn
http://alme.jopebe.cn
http://bedrench.jopebe.cn
http://adoptability.jopebe.cn
http://carny.jopebe.cn
http://carbene.jopebe.cn
http://addiction.jopebe.cn
http://adsuki.jopebe.cn
http://auditoria.jopebe.cn
http://bajra.jopebe.cn
http://belittle.jopebe.cn
http://caky.jopebe.cn
http://agglutinability.jopebe.cn
http://ahuehuete.jopebe.cn
http://arteriole.jopebe.cn
http://bub.jopebe.cn
http://ascendant.jopebe.cn
http://annal.jopebe.cn
http://allusion.jopebe.cn
http://www.dtcms.com/a/149015.html

相关文章:

  • 零基础上手Python数据分析 (21):图表选择困难症?常用可视化类型详解与应用场景指南
  • 基于STM32的室内环境监测系统
  • uView的u-modal不显示问题
  • 【数字图像处理】立体视觉基础(2)
  • 【OSG学习笔记】Day 6: Day 6: 几何体(Geometry)的创建与自定义
  • Graph Database Self-Managed Neo4j 知识图谱存储实践1:安装和基础知识学习
  • 如何高效定位Bug:测试工程师的问题诊断艺术
  • redis数据类型-地理空间GEO
  • 【Chrome插件开发】某视频网站的m4s视频/音频下载方案,及其Chrome插件实现-v250415
  • 美乐迪电玩客户端打包与资源替换实战教程
  • 2025软件测试常用面试问题及参考答案(附文档)
  • 如何解决消费者高频触发订单更新?
  • WeakSet:JavaScript 中容易被忽视的“弱集合”
  • spark和Hadoop的对比和联系
  • DCDC芯片,boost升压电路设计,MT3608 芯片深度解析:从架构到设计的全维度技术手册
  • 文档管理 Document Management
  • exception:com.alibaba.nacos.api.exception.NacosException: user not found! 解决方法
  • Django 入门实战:从环境搭建到构建你的第一个 Web 应用
  • linux kallsys
  • AI 技术发展:从起源到未来的深度剖析
  • 解决Python与Java交互乱码问题:从编码角度优化数据流
  • Kubernetes相关的名词解释etcdctl(20)
  • 脑动力学复杂性作为帕金森病患者认知能力下降的标志
  • 基于无障碍跳过广告-基于节点跳过广告
  • 如何简化复杂流程提升执行效率
  • JavaFX GUI编程实战:一步步打造经典“井字棋”游戏
  • transformer-位置编码
  • 【Python进阶】VSCode Python开发完全指南:从环境配置到高效调试
  • 智慧工地整体解决方案-1PPT(62页)
  • Vue 的数据代理机制