二十、进阶之单文件组件

（1）创建的cch项目中的main.js文件和index.html

(2)定义单文件组件（包含三部分）

（2.1）问题1

运行报错：x errors potentially fixable with the `--fix` option

解决方案：在.eslintrc.js文件中找到’@vue/standard’配置将其删除或注释。然后重新启动

（2.2）相关命令

(1)  npm run serve  开发环境构建

(2)  npm run build  生产环境构建

(3)  npm run lint   代码检测工具（会自动修正问题）

(4)  <template> ---写html代码，最多可以包含一个

(5)  <script> ---写js代码，最多可以包含一个

(6)  <style> ---写css代码，可以包含多个，src的路径是相对的

(7)  <style>标签  加上scope属性，css局部生效（即只在该style内生效）

(8)  <style>标签  加上lang="scss"，支持scss

（2.3）具体实例

     1.首先将main.js中用不到的代码注释

2.重写App.vue文件（将初始的内容删除）

(3)访问localhost：8080