Vue和ElementUI

1、创建工程

 

 这个时候就安装路由 比idea运行后安装好，编码会出现代码提示

前端东西不能用纯CSS来写，安装SASS加载器，通过SASS编译

3、npm命令：

 出现下面情况处理方法：　（注意版本兼容）

sass-loader的版本过高也会导致的编译错误

Node Sass 7.0.1 版与 ^4.0.0 不兼容；
Node Sass version 7.0.1 is incompatible with ^4.0.0
用node构建项目的时候，用到了sass-loader，结果万事俱备，只欠东风的时候，突然报了版本不兼容。
解决方案：
1、npm uninstall node-sass;
2、npm i -D sass;
3、npm run dev；

在views下写两个视图组件，Login里用ElementUI的视图，Main主页

 

 

idea打开工程写在router包下写index.js路由配置Login和Main， 在入口文件扫描路由配置，导入ElementUI和Element CSS，App.vue中写页面视图