Vue-cli 脚手架 项目创建 介绍

脚手架介绍

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 淘宝镜像 ：