安装 hiper 执行命令

// 安装
sudo npm install hiper -g


//报错
Failed to download Chromium r686378! Set "PUPPETEER_SKIP_CHROMIUM_DOWNLOAD" env variable to skip download.

Puppeteer 安装失败

解决方法

安装

> curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.31.1/install.sh | bash

安装完成后重启下终端命令行工具

# 查看信息
> nvm -v 

# 查看node版本列表
> nvm ls-remote

# 安装某个版本

今天需要做一个简单的介绍展示页面，无需webpack这类的脚手架，装了两个包就能开始开发了。

环境需求：

• 自动刷新
• 编译css

使用两个包就可以了：
browsersync 监听变动 自动刷新页面
stylus 写css一直比较喜欢这个css预处理框架，因为简洁

安装browsersync

安装

折叠 command + k + 0
展开 command + k + j

const CompressionWebpackPlugin = require('compression-webpack-plugin');

// vue-cli3 vue.config.js配置
configureWebpack: config => {

    config.plugins.push(

    model.PermissionsPage.belongsTo( model.SysRole_PermissionsPage, { foreignKey: "Id", targetKey:'PermissionsPageId', } )

    let permissions = await model.PermissionsPage.findAll({

let sequelize = new Sequelize( config.dataBase.name, config.dataBase.account , config.dataBase.password ,{
    host: config.dataBase.host ,
    dialect: config.dataBase.type ,

webpack vue-cli3 压缩图片

yarn add image-webpack-loader

config.module.rules.push({
    test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
    use:[{
        loader: 'image-webpack-loader'

import 'zrender/lib/svg/svg';

var myChart = echarts.init( dom, null, {renderer: 'svg'} )