-
template：视图结构
-
script：交互逻辑
-
style：样式
-
lang：使用 css 预处理器，如：scss、less
-
scoped：表示所书写的样式仅支持在当前组件中使用，其它组件不受影响
=============================================================================
Vue Loader 是一个 webpack 的 loader，它允许你以一种名为单文件组件 (SFCs)的格式撰写 Vue 组件
==========================================================================
-
基于 Vue.js 进行快速开发的完整系统
-
脚手架：快速搭建项目结构
-
安装$ npm install -g @vue/cli
=====================================================================
-
安装：$ yarn global add @vue/cli
-
安装完毕后，可以在 cmd 命令行中输入：$ vue --version如果能够查看到版本信息，则说明安装成功，否则安装失败或环境变量配置有问题
-
创建项目
-
GUI - 图形化用户界面$ vue ui
-
命令行执行创建命令：$ vue create project-name
- 命令行显示创建项目的向导
- 选择手动选择项目新特性项：
? Please pick a preset:
Default ([Vue 3] babel, eslint)
Default ([Vue 2] babel, eslint)
> Manually select features
- 选择新特性：
? Check the features needed for your project: (Press to select, to toggle all, to invert selection, and
to proceed)
(_) Babel
( ) TypeScript
( ) Progressive Web App (PWA) Support
( ) Router
( ) Vuex
>(_) CSS Pre-processors
(*) Linter / Formatter
( ) Unit Testing
( ) E2E Testing
- 选择 vue 版本：
? Choose a version of Vue.js that you want to start the project with
3.x
> 2.x
- 选择 CSS 预处理器：
? Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default):
Sass/SCSS (with dart-sass)
> Less
Stylus
- 选择 linter 规范：
? Pick a linter / formatter config:
ESLint with error prevention only
ESLint + Airbnb config
> ESLint + Standard config
ESLint + Prettier
- 选择保存时验证并格式化：
? Pick additional lint features: (Press to select, to toggle all, to invert selection, and to pr
oceed)
>(*) Lint on save
( ) Lint and fix on commit
- 选择配置文件存放位置：
? Where do you prefer placing config for Babel, ESLint, etc.? (Use arrow keys)
> In dedicated config files
In package.json
- 是否将上述选择特性保存为预设项：
? Save this as a preset for future projects? (y/N)
如果是 yes，则还需要输入预设项名称
=========================================================================
- 项目创建成功后，进入项目目录，运行任务：
$ cd project-name
$ npm run serve # 或 yarn serve
- 项目说明
-
public 目录中放置的是应用的 html 文件（通常只有一个 index.html）
-
src 目录中放置我们自己项目中所书写的源代码
学习笔记
主要内容包括html，css，html5，css3，JavaScript，正则表达式，函数，BOM，DOM，jQuery，AJAX，vue等等
HTML/CSS
**HTML：**HTML基本结构，标签属性，事件属性，文本标签，多媒体标签，列表 / 表格 / 表单标签，其他语义化标签，网页结构，模块划分
**CSS：**CSS代码语法，CSS 放置位置，CSS的继承，选择器的种类/优先级，背景样式，字体样式，文本属性，基本样式，样式重置，盒模型样式，浮动float，定位position，浏览器默认样式
HTML5 /CSS3
**HTML5：**HTML5 的优势，HTML5 废弃元素，HTML5 新增元素，HTML5 表单相关元素和属性
**CSS3：**CSS3 新增选择器，CSS3 新增属性，新增变形动画属性，3D变形属性，CSS3 的过渡属性，CSS3 的动画属性，CSS3 新增多列属性，CSS3新增单位，弹性盒模型
JavaScript
**JavaScript：**JavaScript基础，JavaScript数据类型，算术运算，强制转换，赋值运算，关系运算，逻辑运算，三元运算，分支循环，switch，while，do-while，for，break，continue，数组，数组方法，二维数组，字符串
