【vue详细笔记】Vue CLI（vue脚手架创建项目、Element-UI基本使用）

Vue CLI(vue 脚手架)

前言

vue脚手架用于快速生成vue项目基础架构

一、vue脚手架基本用法

安装

Node 版本要求

Vue CLI 4.x 需要 Node.js v8.9 或更高版本 (推荐 v10 以上)。你可以使用 n，nvm 或 nvm-windows 在同一台电脑中管理多个 Node 版本。

可以使用下列任一命令安装这个新的包：

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

你还可以用这个命令来检查其版本是否正确：

vue --version

升级

如需升级全局的 Vue CLI 包，请运行：

npm update -g @vue/cli

# 或者
yarn global upgrade --latest @vue/cli

交互式命令行创建一个项目

运行以下命令来创建一个新项目：

vue create testapp

终端会弹出以下信息

• Default ([Vue 2] babel, eslint) - 选择 Vue2
• Default (Vue 3 Preview) ([Vue 3] babel, eslint) - 选择 Vue3
• Manually select features - 手动选择

我选择第三种，手动选择，出现以下界面

需要使用/取消哪些功能，按空格进行使用/取消即可

• Choose Vue version - 选择 Vue 版本
• Babel - 编译
• TypeScript - TypeScript语言
• Progressive Web App (PWA) Support - PWA技术支持
• Router - 路由
• Vu