Vue cli（脚手架）相关知识

Vue cli相关知识

1.cli

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

  • 前提一：安装nodejs

    • 检测安装的版本
      • node -v
      • npm -v
    • NPM:全称是Node Package Manager.是一个nodejs包管理和分发工具。

  • 前提二：webpack
    vue.js官方脚手架工具就使用了webpack模板
    作用：对所有的资源会压缩等优化操作
    它在开发过程中提供了完整的功能，使开发过程变得高效。

    • webpack的全局安装

npm install webpack -g

2.Vue cli的使用
2.1安装Vue脚手架

//安装的是Vue cli3的版本
npm install -g @vue/cli

• Vue CLI2初始化项目

vue init webpack my-project

• Vue CLI3初始化项目

vue create my-project

Runtime-Compiler和Runtime-only的区别
在之后的开发中，使用template，就需要选择Runtime-Compiler.
如果使用.vue文件夹开发，可以选择Runtime-only.

//Runtime-Compiler
new Vue({
	el:'#app',
	components:{App},
	template:'<App/>'
})

//Runtime-only
new Vue({
	el:'#app',
	render:h=>(App)
})