vue快速上手

ops/2024/10/9 9:03:02/

文章目录

    • vue快速上手
      • vue简述
        • 框架介绍
        • mvvm
      • vue使用
        • 1.npm
        • 2.vue cli
          • 1.打开 vue 官网
          • 2.快速上手
          • 3.切换目录到我们创建的应用位置,安装依赖
          • 3.运行vue项目

vue快速上手

vue简述

框架介绍

在这里插入图片描述

mvvm

在这里插入图片描述

vue使用

1.npm

包管理器
在这里插入图片描述
安装nodejs就好了
在这里插入图片描述

2.vue cli

在这里插入图片描述

1.打开 vue 官网

在这里插入图片描述

https://cn.vuejs.org/guide/quick-start.html
2.快速上手
npm create vue@latest

在这里插入图片描述
在这里插入图片描述

3.切换目录到我们创建的应用位置,安装依赖

在这里插入图片描述

cd demoapp

安装依赖
在这里插入图片描述

npm install
3.运行vue项目

在这里插入图片描述

npm run dev

最后效果如图就运行成功了!!!
在这里插入图片描述


http://www.ppmy.cn/ops/123098.html

相关文章

OJ在线评测系统 思考如何进行微服务的划分 业务功能 占用端口 公共服务 依赖服务 路由

思考 微服务是一种架构风格 微服务就是把一个项目拆分成多个独立的不封 而且多个服务都是可以运行的 每个服务都会占用线程 传统的IT行业软件都是独立系统的堆砌 这些系统总结来说就是可拓展性不高 可靠性不高 维护成本广告 微服务的每个模块都是独立的 而且可以用有多重存…

【中间件】fastDFS的相关知识

一、分布式文件系统 1.1 传统的文件系统 我们在Linux中学习的文件系统就是传统的文件系统: 传统的文件系统格式: ntfs/fat32/ext3/ext4 可以被挂载和卸载,就是一般一个盘可以分成多个盘,每一盘都可以挂载到不同的目录路径中。…

鸿蒙 Next 实战: 电子木鱼

前言 正所谓:Hello Word 是程序员学任何一门语言的第一个程序实践。这其实也是一个不错的正反馈,那如何让学习鸿蒙 Next 更有成就感呢?下面就演示一下从零开发一个鸿蒙 Next 版的电子木鱼,主打就是一个抽象! 实现要点…

使用docker搭建zk集群

使用zk搭建一个3节点的zk集群,网络方式为host。 配置节点1 # 创建一个目录 /root/lyl/zookeeper/zk1创建文件myid,文件内容如下: 1 创建文件zoo.cfg,文件内容如下: # The number of milliseconds of each tick ti…

EEPROM通讯设计思路

GD32E507的I2C接口(采用复用的GPIO)与EEPROM 24LC16通讯,从软件设计角度,从0开始到最终完成主要需要经过以下几个步骤: 一、硬件连接与配置 硬件接口连接 将EEPROM 24LC16的SCL(时钟线)和SDA&a…

HDFS Shell作业1

1.在HDFS上建立/user/stu/自己学号,和/user/stu/input目录。 命令: hdfs dfs -mkdir -p /user/stu/22 hdfs dfs -mkdir /user/stu/input 2.用两种不同的方法上传albums.csv至HDFS的学号目录和input目录中。 命令: hdfs dfs -put par…

Python OpenCV精讲系列 - 三维重建深入理解(十七)

💖💖⚡️⚡️专栏:Python OpenCV精讲⚡️⚡️💖💖 本专栏聚焦于Python结合OpenCV库进行计算机视觉开发的专业教程。通过系统化的课程设计,从基础概念入手,逐步深入到图像处理、特征检测、物体识…

国庆练习(Day24)

作业一 数组练习 选择题 1.1、若有定义语句:int a[3][6]; ,按在内存中的存放顺序,a 数组的第10个元素是 a[0][4] B) a[1][3] C)a[0][3] D)a[1][4] 解析: 从 a[0][0] 开始…