Vue CLI学习笔记

Vue CLI

介绍

CLI是Command-Line Interface, 翻译为命令行界面, 但是俗称脚手架
Vue CLI是一个官方发布 vue.js 项目脚手架,使用 vue-cli 可以快速搭建Vue开发环境以及对应的webpack配置。

前提

Vue.js官方脚手架工具就使用了webpack模板对所有的资源会压缩等优化操作,它在开发过程中提供了一套完整的功能,能够使得我们开发过程中变得高效。

安装

执行命令:npm install -g @vue/cli。 这里安装的是最新版本的vue cli。
Vue CLI学习笔记
Vue CLI学习笔记
如果要使用Vue CLI2,需要拉去脚手架2的模板:npm install -g @vue/cli-init
Vue CLI学习笔记

脚手架创建项目

Vue CLI2初始化项目

  1. 命令: vue init webpack my-project。
    Vue CLI学习笔记
  2. 目录结构
    Vue CLI学习笔记

Vue CLI3初始化项目

  1. 命令: vue create my-project