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 CLI2,需要拉去脚手架2的模板:npm install -g @vue/cli-init
脚手架创建项目
Vue CLI2初始化项目
-
命令: vue init webpack my-project。
-
目录结构:
Vue CLI3初始化项目
- 命令: vue create my-project