脚手架介绍
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统,提供:
- 通过
@vue/cli
实现的交互式的项目脚手架。 - 通过
@vue/cli
+@vue/cli-service-global
实现的零配置原型开发。 - 一个运行时依赖 (
@vue/cli-service
),该依赖:- 可升级;
- 基于 webpack 构建,并带有合理的默认配置;
- 可以通过项目内的配置文件进行配置;
- 可以通过插件进行扩展。
- 一个丰富的官方插件集合,集成了前端生态中最好的工具。
- 一套完全图形化的创建和管理 Vue.js 项目的用户界面。
如何创建脚手架项目
1.打开终端 全局安装 (任选一行命令即可)
(中途如果出现卡顿暂停 按回车键可继续安装)
安装之后,你就可以在命令行中访问 vue
命令。你可以通过简单运行 vue
,看看是否展示出了一份所有可用命令的帮助信息,来验证它是否安装成功。
还可检查其版本:
2.切换到你要创建项目的目录 然后使用命令创建项目 (hellow-world是项目名称)
例如 在桌面创建 vue_test
3. 回车 选择vue版本
这里选择Vue2
4.回车 项目创建
创建中
创建成功
5. 运行项目
npm run serve
6.运行成功 展示项目地址 通过地址即可访问项目
项目目录介绍
注意:全局配置如果出现下载缓慢请配置 npm 淘宝镜像 :