2021-07-07 Vue笔记（脚手架+Vue CLI）（一）：Vue CLI安装及项目搭建与App.vue的三个标签

文章结构概览

• • • • 0.获取插件CnPlugin

    • 1.概述

    • 2.安装指令

    • • 2.1.部署
      • 2.2.版本验证
      • 2.3.快速原型构建

    • 3.构建一个工程

    • • 操作步骤1:建立工程
      • 操作步骤2:进入工程文件夹
      • 操作步骤3:启动服务端
      • 操作步骤4:编辑App.vue文件
      • 操作步骤5:在浏览器中输入http://localhost:8080/

    • 4.vue工程目录结构解析

    • 4.模板工程目录结构（再次发送）

    • 5.App.vue单文件组件的三个部分

    • 6.node-modules文件夹的不足之处

0.下载插件CnPlugin

这是一款用于识别当前网站是否采用Vue框架进行开发的浏览器插件，可与360极速浏览器配合使用。

1.介绍

Vue CLI 是一个依托于 Vue.js 框架构建的完整开发体系，能够实现项目初始化架构的搭建，并支持无需额外配置的原型开发。该系统旨在将 Vue 生态中的各类工具进行标准化整合，使不同构建工具能够在智能默认配置的基础上实现稳定衔接。如此一来，开发者可以将更多精力集中于应用逻辑的编写，而无需耗费时间处理繁琐的配置问题。