当前位置: 首页 > 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直接打开是一样的。

理解

相关文章:

  • 零基础上手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 技术发展:从起源到未来的深度剖析
  • 魔都眼·上海车展⑤|被主播包围的新车
  • 谷歌一季度利润增超四成:云业务利润率上升,宏观环境可能影响广告业务
  • 停止水资源共享、驱逐武官,印度对巴基斯坦宣布多项反制措施
  • 上海市统计局:经济运行开局平稳,高质量发展扎实推进
  • 央行研究局局长答澎湃:持续优化跨境金融服务政策工具箱,有效支持企业走出去
  • 支持医企协同创新研究,上海已设立一系列产学研医融合项目