一、NodeJS下载安装

介绍及环境

Vue.js（读音 /vju?/, 类似于 view） 是一套构建用户界面的渐进式框架。Vue只关注视图层， 采用自底向上增量开发的设计。Vue的目标是通过尽可能简单的 API实现响应的数据绑定和组合的视图组件。

作者 | MarvinZhang

来源 | 掘金

上一篇文章《手把手教你如何用Crawlab构建技术文章聚合平台(一)》介绍了如何使用搭建Crawlab的运行环境，并且将Puppeteer与Crawlab集成，对掘金、SegmentFault、CSDN进行技术文章的抓取，最后可以查看抓取结果。本篇文章将继续讲解如何利用Flask＋Vue编写一个精简的聚合平台，将抓取好的文章内容展示出来。

一、安装

在windows下

（1） 下载node.js ，使用npm安装

 ERROR  Failed to compile with 2 errors                                                                                                               17:08:01

 error  in ./src/pages/demo/demo.vue?vue&type=style&index=0&lang=scss&

Syntax Error: Error: Node Sass version 8.0.0 is incompatible with ^4.0.0.


 error  in ./src/pages/demo/demo.vue?vue&type=style&index=0&lang=scss&

Syntax Error: HookWebpackError: Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js):
Error: Node Sass version 8.0.0 is incompatible with ^4.0.0.
-- inner error --
Error: Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js):
Error: Node Sass version 8.0.0 is incompatible with ^4.0.0.
Generated code for D:\WeChatProjects\my-project\node_modules\css-loader\dist\cjs.js??clonedRuleSet-22[0].rules[0].use[1]!D:\WeChatProjects\my-project\node_modules\@dcloudio\vue-cli-plugin-uni\packages\vue-loader\lib\loaders\stylePostLoader.js!D:\WeChatProjects\my-project\node_modules\@dcloudio\vue-cli-plugin-uni\packages\webpack-preprocess-loader\index.js??clonedRuleSet-22[0].rules[0].use[2]!D:\WeChatProjects\my-project\node_modules\postcss-loader\dist\cjs.js??clonedRuleSet-22[0].rules[0].use[3]!D:\WeChatProjects\my-project\node_modules\@dcloudio\vue-cli-plugin-uni\packages\sass-loader\dist\cjs.js??clonedRuleSet-22[0].rules[0].use[4]!D:\WeChatProjects\my-project\node_modules\@dcloudio\vue-cli-plugin-uni\packages\webpack-preprocess-loader\index.js??clonedRuleSet-22[0].rules[0].use[5]!D:\WeChatProjects\my-project\node_modules\@dcloudio\vue-cli-plugin-uni\packages\vue-loader\lib\index.js??vue-loader-options!D:\WeChatProjects\my-project\node_modules\@dcloudio\webpack-uni-mp-loader\lib\style.js!D:\WeChatProjects\my-project\src\pages\demo\demo.vue?vue&type=style&index=0&lang=scss&
1 | throw new Error("Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js):\nError: Node Sass version 8.0.0 is incompatible with ^4.0.0.\n    at getSassImplementation (D:\\WeChatProjects\\my-project\\node_modules\\@dcloudio\\vue-cli-plugin-uni\\packages\\sass-loader\\dist\\getSassImplementation.js:46:13)\n    at Object.loader (D:\\WeChatProjects\\my-project\\node_modules\\@dcloudio\\vue-cli-plugin-uni\\packages\\sass-loader\\dist\\index.js:42:61)");


 ERROR  Build failed with errors.
这段错误信息的意思是：“编译失败，共有两个错误。

第一个错误是在路径为 ./src/pages/demo/demo.vue?vue&type=style&index=0&lang=scss& 的文件中出现的语法错误，错误信息是：Node Sass 版本 8.0.0 与 ^4.0.0 不兼容。

第二个错误是在同样的文件中出现的钩子 WebpackError，错误信息是：模块构建失败（来自 ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js）：Node Sass 版本 8.0.0 与 ^4.0.0 不兼容。内部错误为：模块构建失败（来自 ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js）：Node Sass 版本 8.0.0 与 ^4.0.0 不兼容。”

最后一行提示了“构建失败”，意味着编译过程中出现了错误。”

前端开发者们每天都在接触

哈喽哈喽 大家好，今天跟大家分享一下关于vue开发的一些小技巧。

目前前端最主流的两个 开发 模式 就是 react 和 vue 。他们的特点显明，一个是类似 jsp的jsx语言，js动态拼凑html片段，一个是模板与控制分开，各有千秋，都有大量的支持者。

vue-element-admin

框架简介：vue-element-admin 是一个后台前端解决方案，它基于 vue 和 element-ui实现。它使用了最新的前端技术栈，内置了 i18 国际化解决方案，动态路由，权限验证，提炼了典型的业务模型，提供了丰富的功能组件如富文本编辑器、Markdown、Json编辑器等，它可以帮助你快速搭建企业级中后台产品原型，对开发可视化后台管理系统节省不少时间。

现在越来越多的插件都需要通过npm工具来安装了，要使用npm就必须先安装它，我们一起来聊聊如何安装npm工具。

步骤一、下载node.js:

本文章主要介绍 @vue/cli 使用路由router,状态机vuex,sass, elementUi饿了么组件 的安装以及使用时注意事项

• 安装

1.npm install vue-router