2021-07-07 vue笔记-脚手架vue-cli(一) Vue CLI安装与项目搭建和App.vue的三个标签

0.下载插件CnPlugin

这是一个检测当前网站是不是用vue开发的插件,配上360极速浏览器

1.介绍

vue CLI是一个基于vuejs进行快速开发的完整系统,可以实现项目脚手架,可以实现零配置原型开发.
vue CLI致力于将Vue生态中的工具基础标准化,确保各种构建工具,能够基于智能的默认配置,可稳衔接
这样,用户可以专注于撰写应用上,不用纠结配置问题

2.安装命令

2.1.安装

npm install -g @vue/cli
或者
yarn global add @vue/cli

2.2.版本检查

vue --version

成功安装:

PS E:\VSCode\vue> vue --version
@vue/cli 4.5.13

2.3.快速原型开发

npm install -g @vue/cli-service-global

3.创建一个项目

步骤1:新建项目

vue create hello-world

新建一个名为hello-world的项目文件夹

步骤2:进入项目文件

cd hello-world

步骤3:开启服务器

yarn serve

*结果如下: