榴莲不好吃的专栏

如何安装linux虚拟机,可以看下这里安装ctrl+alt+t打开命令行工具并执行以下命令:方式一cd到bin目录 执行下面命令 【使用包里面的node运行npm模块安装n工具】./node npm install -g n再通过n工具安装系统环境的node./n v10.6.0安装系统环境的n工具（先前是在压缩包里面的）npm install -g n通过n命令切换node版本n安装指定node版本方式二先安装npm,通过 npm 安装工具 n 来管理 node 版本，升级

目录搭建创建文件目录如下,编写好属于自己的插件,srcNavBar.txsindex.tsindex.lessgulpfile.jspackage.json思路:1.首先将ts/tsx转成es文件,顺便将文件中的.less路径改成.css2.less语法转css语法3.将所有的js/css文件打包成一个文件,暴露插件引用名称选择构建工具:gulp安装: npm install gulpts/tsx转成es文件使用插件 gulp-typescript、 gulp-babel、 @

什么是vite一个基于浏览器原生ES模块的开发服务器。利用浏览器去解析模块，在服务器端按需编译返回，完全跳过了打包这个概念，服务器随起随用。同时另有有Vue文件支持，还搞定定了热更新，而且热更新的速度不会随着模块增加而变慢vite的实现原理Vite在浏览器端使用的是 export import 方式导入和导出的模块；vite同时实现了按需加载；Vite高度依赖module script特性。Vite由两个主要部分组成：1.dev server：利用浏览器的ESM能力来提供源文件，具有丰富的内置

在日常工作中经常需要用到脚手架工具来快速搭建项目，例如vue-cli脚手架的原理是通过一些命令来拉取指定的模板到本地进行开发接下来我们来实现自己的脚手架工具lanli-cli首先初始化项目 npm init，如下配置// package.json{ "name": "lanli-cli", // 脚手架发布到npm上的名称 "version": "1.0.0",// 当前版本号 "bin": { "lanli-cli": "lib/index.js" // 命令

这里写目录标题inquirerjs 是什么使用简单功能参数介绍方法inquirer.prompt(questions, answers) -> promiseinquirer.registerPrompt(name, prompt)inquirer.createPromptModule() -> prompt function案例普通用法多次输入 input校验 validate数字 number密码 password确认confirm选项组 list /rawlist/expand多选 che

使用koa来mock数据,且设置跨域等问题

cheerio在node端,像使用jquery那样操作dom var fileitem = fs.readFileSync(newformDirPath);var $ = cheerio.load(fileitem.toString());$.html() // 整个页面的html$('.app').html(); // app里面的html nodemonnodemon是一种工具，可以自动检测到目录中的文件更改时通过重新启动应用程序来调试基于node.js的

首先安装cross-envnpm i cross-env -Spackage.json "scripts": { "buildProd": "cross-env BASE_URL=http://xxxx node build/build.js", "buildTest": "cross-env BASE_URL=http://xxxxxxx node build/...

output: 输出(Output) · webpack 中文文档output.filenamefilename: "[name].[hash].bundle.js"filename: "[id].bundle.js"filename: "[chunkhash].bundle.js"模板 描述 [hash] 模块标识符(module identifier)的 hash [chunkhash] chunk 内容的 hash [name] 模块名称..

mac安装mongodb

数组：concat() ：concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本arrayObject.concat(arrayX,arrayX,......,arrayX)join():元素是通过指定的分隔符进行分隔的[1,2,3,4].join('-')结果1-2-3-4split():方法用于把一个字符串分割成字...

安装:可参考安装教程:网址:http://www.runoob.com/mongodb/mongodb-window-install.html安装过程中可能会出现以下错误:service'mongodbserver'failedtostart.verifythatyouhavesufficientprivilegestostartsystemservices...

angular的默认配置地址是localhost:4200;那么如何改变默认ip以及端口号呢；首先我们打开package.json文件；在ng serve后面添加-host 192.168.1.246 --port 4201即可，如下：{ "name": "trip", "version": "0.0.0", "license": "MIT", "scripts":

本文章只针对Angular CLI 8版本1.安装angular-builderscnpm i @angular-builders/custom-webpack -Dcnpm i @angular-devkit/build-angular -D2.更改angular.json配置"projects": { ... "[your-porject]": { .....

在一个大型项目中,不可能只存在本地环境,测试环境和生产环境.大多时候分多个测试环境,比如1.普通测试环境 打包到build文件夹2.预发布一套(模拟正式线环境)打包到PublishTest01文件夹3.预发布二套(模拟正式线环境) 打包到PublishTest02文件夹4.正式线环境打包到Release文件夹不同的环境下连不同的服务器在environments文件夹下添加...

webpack异步加载的原理把一些js模块给独立出一个个js文件，然后使用这个 模块的时候，webpack会构造script dom元素，浏览器会自动帮我们发起请求，去请求这个js文件使用了异步加载,异步的文件会单独打包出来,浏览器运行的时候并不会一开始就请求出来,而是在调用这个文件的时候浏览器才会对此js文件发起请求.举个例子:当我们项目用到统计图的时候,初始的时候并不会调用chart...

当一个项目使用的插件比较多的时候,打包下来的文件也就越来越大,这时候要这么将里面的插件单独提取出来呢?在webpack4之前的版本使用CommonsChunkPlugin,// 提取moment.js...plugins:[ new webpack.optimize.CommonsChunkPlugin({ name: 'moment', minCh...

webpack4之前的版本使用ExtractTextPlugin方法提取css,安装cnpm install extract-text-webpack-plugin -Dwebpack4和webpack4.x上使用ExtractTextPlugin的话,会报下面的错误DeprecationWarning: Tapable.plugin is deprecated. Use new API o...

gulp的简单用法:官网（https://gulpjs.com）什么是gulp？　　gulp是前端开发过程中一种基于流的代码构建工具，是自动化项目的构建利器；它不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；使用它，不仅可以很愉快的编写代码，而且大大提高我们的工作效率。　　gulp是基于Nodejs的自动任务运行器， 它能自动化地完成前端代码的测试...

什么是babel随着JavaScript在不断的发展。各种新标准和提案层出不穷，但浏览器的多样性，导致可能几年内都无法广泛普及，babel可以让你提前使用这些语言特性，它是一种用途很多的Javascript编辑器，把最新版的JavaScript编译成当前可执行的版本，通俗点讲就是，利用babel就可以让我们在当前项目中随意的使用这些最新的ES6,ES7语法。babel安装以及使用安装...

webpack打包react代码报错dom is not defined以下是我的代码：package.json:{ "devDependencies": { "@babel/polyfill": "^7.4.4", "@babel/preset-react": "^7.0.0", "@babel/core": "^7.5.5", "babe...

webpack4的简单使用1.简单配置：entry：可以是多入口，output：打包出来的文件放在build/script下，以[name].js入口的文件名命名rules：确定如何处理项目中不同类型的模块。presets:[ "@babel/preset-react"]:编译react，或者在babel.config.js中设置presets =[...,["@babel/prese...

下面拿vue项目做个改动1.安装cross-envcnpm icross-env -D2.package.json配置不同环境下打包的命令{... "scripts": { "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", "build":...

文档地址:https://koa.bootcss.com全局安装:cnpm i koa-generator -g创建项目(默认):koa2 project使用es引擎创建项目:koa2 -eproject启动项目:npm start,npm run dev(可以自启动)中间件:中间件执行顺序图：next(); ：继续往下执行下一个中间件,nex...

在日常开发过程中经常会因为不同的项目所依赖的 Node扣版本不同，而需要在不同的 Node.js 版本之间进行切换。如果缺乏可靠的工具，这将是一件非常麻烦的事情。在 Windows 环境下使用nvm-windows。下载地址：nvw-windows的官网：https://github.com/coreybutler/nvm-windows/releases一、安装步骤：下载setup版...

1.chrome的inspect调试1.新建path.js文件2.cmd到当前文件下运行node --inspect-brk path.js3.在chrome浏览器中打开chrome://inspect/#devices然后就可以调试path.js了.如下图:2.vscode调试1.新建path.js文件,用vscode打开2.给代码打断点3.点一下左边的那个小虫子按钮,上面...