Vue是什么

Vue是一套用于构建用户界面的渐进式Javascript框架

Vue的特点

  1. 采用组件化模式，提高代码复用率，让代码更好维护
  2. 采用声明式编码，让开发人员无需操作DOM，提高开发效率
  3. 使用虚拟DOM和diff算法，尽量复用DOM节点

Vue脚手架

网速原因先配置淘宝镜像

1
npm config set registry https://registry.npm.taobao.org
  1. 全局安装@vue/cli
1
npm install -g @vue/cli

  1. 切换到你要创建的目录，使用命令行创建项目XXX

    1
    vue create XXX

  2. 启动项目

    1
    2
    3
    npm install

    npm run dev/serve

  3. 使用命令查看项目的webpack打包配置

1
vue inspect > output.js

Vue3 使用Vite创建

1
2
3
4
5
6
7
8
9
10
11
// 创建工程
npm init vite-app <project-name>

// 进入工程目录
cd <project-name>

// 安装依赖
npm install

// 运行
npm run dev