304 vue 启动项目打开页面_2-2【微信小程序全栈开发课程】index页面搭建--ESlint格式错误...

1、修改入口文件

也就是src/pages/index/main.js文件

main.js是入口文件，通过main.js来加载index.vue文件。每个页面文件夹中都要有main.js文件

//加载vue组件和index.vue文件
import Vue from 'vue'
import App from './index'

//新建一个index页面的Vue实例
const app = new Vue(App)
//挂载Vue实例，让index页面显示出来
app.$mount()

2、修改index.vue文件

（1）安装sass插件

我们在style标签中加入lang='scss'，用来支持scss语言的运行环境。如果没有安装sass插件，启动npm run dev会报错，我们先打开终端安装一下scss插件

//打开项目目录
~$ cd WeChatProjects/truth_hold

//在项目目录中安装sass插件
~/WeChatProjects/truth_hold$ npm install sass-loader node-sass --save-dev