vue快速上手

时间:2024-10-09 11:48:25

文章目录

    • 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

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