【Vue学习笔记_14】Vue CLI 2&3 脚手架

【Vue学习笔记_14】Vue CLI 2&3 脚手架

  • Vue CLI 初识
  • Vue CLI 2
    • 初始化项目
    • ESLint规范
    • Runtime-only和Runtime+Compiler的区别
    • 目录结构解析
  • Vue CLI 3
    • Vue CLI3与Vue CLI2的区别
    • 初始化项目
    • 目录结构解析
    • Vue CLI3配置文件的查看和修改

配套可执行代码示例 => GitHub

Vue CLI 初识

需求:使用Vue开发大型项目时,我们需要考虑代码目录结构、项目结构和部署、热加载、代码单元测试等事情,如果每个项目都要手动完成这些工作,那无疑效率是很低的,所以通常我们会使用一些脚手架工具来帮助完成。

CLI(Command-Line Interface):命令行界面,俗称脚手架。

Vue CLI:官方发布的Vue项目脚手架。使用Vue CLI可以快速搭建Vue开发环境,以及自动生成对应的webpack配置。Vue CLI依赖Node和Webpack。

安装:npm install @vue/cli -g

上面安装的是Vue CLI3的版本,如果想要按照Vue CLI2的方式初始化项目是不可以的。

拉取 2.x 模板 (旧版本):Vue CLI >= 3 和旧版使用了相同的vue命令,所以 Vue CLI

你可能感兴趣的:(Vue,前端,javascript,vue,前端)