看到的错误大概是不能读取属性中的 initialize方法,是一个没有定义的,经过查看源码,发现在最新的版本中确实没有这个方法了,后来看了下老师的版本是3.2.0,我的是5.3.1
Bootstrap是一个用于快速开发Web应用程序和网站的前端框架。 Bootstrap支持响应式布局!响应式布局指的是一个网站能够兼容多种终端设备访问!. 终端设备:..电脑、平板电脑、手机
原理：每当执行npm run，就会自动新建一个 Shell，在这个 Shell 里面执行指定的脚本命令。因此，只要是 Shell（一般是 Bash）可以运行的命令，就可以写在 npm 脚本里面。
首先创建一个webpack文件夹我取名叫webpackVue（为了后续把vue集成进来） 1、首先用npm初始化一下，在这个目录下，执行npm init 2、npm install webpack --save-dev 3、安装一些自己要用到的loader（加载css，js，scss等文件）： npm install style-loader css-loader sass-loader node-sass --save-dev 4、安装一些自己需要的plugin（html自动更行）：npm install
拷贝一份项目重新命名为simpleloader(拷贝过程会慢,应为其中存在module依赖)
删除掉 C:\Users\dd\AppData\Roaming\npm-cache\
对于我的博客来说，我的全部静态文件都在GitHub上，并且使用jsdeliver加速引用。因此对我来说真正压缩的其实也就是html。
主要作用：检查命令将项目中配置的依赖项的描述提交到默认注册中心，并要求报告已知漏洞。如果发现任何漏洞，则将计算影响和适当的补救措施。如果 fix 提供了参数，则将对包树应用补救措施。 具体参考：https://www.npmrc.cn/quick-start/about-npm.html
简单介绍 gulp是基于node开发的所以可以使用npm这个nodejs的包管理工具安装gulp，使用npm首先得配置node环境
新增App.vue文件,使用IDEA新建,如果没有的话在Setting->plugin中安装vue插件
dev对应的就是我们服务启动的命令,配置完成后我们就可以通过npm run dev来启动了
前言 SpreadJS作为一款性能出众的纯前端电子表格控件，自2015年发布以来，已经被广泛应用于各领域“在线Excel”数据管理项目中。NPM，作为管理Node.js库最有力的手段，解决了很多NodeJS代码部署的问题。 如今，为让您更方便的使用产品和更好地管理项目中的SpreadJS代码，我们已将SpreadJS应用打包发布到了NPM服务器。如您需要，请点击查看（需要FQ） NPM简介 也许您刚刚接触前端开发，或者刚刚使用NodeJS。NPM对于您来说，可能会感到些许陌生。这里，是NPM的简单介绍，希望
npm install -g grunt-cli //全局安装grunt npm init -y //初始化package.json npm install grunt --save-dev //在项目中安装grunt grunt --help //查看更多信息 grunt 安装完毕
本地编译后构建 FROM nginx:latest COPY dist /usr/share/nginx/html 示例一 FROM node:latest as builder WORKDIR /app COPY package.json . RUN npm install --registry=http://registry.npm.taobao.org COPY . . RUN npm run build FROM nginx:latest COPY nginx.conf /etc/nginx
之前我发布了我的第一个 npm 组件，一个基于 react 的 3d 标签云组件。在这途中我也是遇到了很多的坑，花在完善整个发布流程的时间远多于写这个组件本身的时间，所以我记录下我觉得一个正常的 react 组件的发布流程
基于node npm & vue-cli & element UI创建vue单页应用
HTML 用于控制网页的结构，CSS 用于控制网页的外观，JavaScript 控制的是网页的行为。
最近做的项目我负责架构和全栈开发，前端从JSP转换到了Html + jquery+ajax，后端为Java。随着功能不断地迭代还有系统不断地壮大，前端纯html+jquery+ajax的问题也暴露出来了：
在真实的软件开发过程中，无论使用何种编程开发语言，都不可避免的会遇到代码重复的问题。如何处理重复的问题，可以选择情怀（手动再敲一遍），也可以选择 Copy-to-Copy ，或者选择代码生成器。正如在之前的文章 我的写作工具链 中，我介绍过一种 Blog 生成器 hexo ，可以将 Markdown 格式的内容自动生成方便发布的 HTML 格式。本文将还原 hexo 的运行原理，为解决类似问题提供一些参考思路。
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
readline是个非常实用的模块。如名字所示，主要用来实现逐行读取，比如读取用户输入，或者读取文件内容。常见使用场景有下面几种，本文会逐一举例说明。本文相关代码可在笔者github上找到。
可以看到JS已经被压缩了,但是存在一个问题,那就是版权声明没有了,还有注释都没有了,应为这就是压缩的一部分,这个和版权插件是冲突的
最近，这几周更新文章的频率明显比之前有所降低。不是懒，主要是最近想沉淀沉淀。休息的这几天我也有所收获，抽着晚上的空打算自己写一个玩具JS库玩玩。不像很多大型框架那样，在开发之前都有严思缜密的计划。然而，我就只想动手尝试尝试。所以，我写了一个叫Strview.js这样一个玩具JS库。
打包成功之后，查看dist目录下的index.html文件是否引用了打包之后的js
首先要有node环境，进入Node.js的官网，选择对应系统下载安装包。安装node后集成了npm管理器
docsify 是一个动态生成文档网站的工具。不同于 GitBook、Hexo 的地方是它不会生成将 .md 转成 .html 文件，所有转换工作都是在运行时进行。
之前我们说过Koa框架的用法，现在我们就用它从头创建一个前后端在一块的项目，其实下面的方式还是前后端分离的，只是后端为前端提供了WEB服务器。
初学者都知，要搭建vue要安装node的环境，所以，我们先下载node mac os版 node下载地址
本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。
Node 开发离不开 npm，而脚本功能是 npm 最强大、最常用的功能之一。 本文介绍如何使用 npm 脚本（npm scripts）。 一、什么是 npm 脚本？ npm 允许在package.j
1.node就是JavaScript的一个运行环境（平台），他不是一门语言，也不是JavaScript框架，可以用来开发服务器端应用程序，web系统，其特点是体积小、快速、高性能。
前言 gulp-file-include是gulp插件,它提供了一个 include 方法让我们可以像后端模板那样把公共部分的页面导入进来，实现 html 复用。 环境准备 gulp-file-include 是gulp的插件，所以需要先安装gulp npm install -g gulp npm install gulp --save-dev npm install gulp-file-include --save-dev gulp 版本目前是4.0.2 include 使用 目录结构 index.
npm 允许在package.json文件里面，使用scripts字段定义脚本命令。
Node.js简单来说就是一个IISExpress，提供一个前端Html的独立运行环境。
上面的代码，我们使用npm安装了moment来进行格式化时间的处理，这就是使用第三方模块；
大概解释一下就是现在使用的是runtime-only,代码中不能存在模板代码,如果想运行代码中有模板代码的环境,请使用runtime-compiler
模块概览 readline是个非常实用的模块。如名字所示，主要用来实现逐行读取，比如读取用户输入，或者读取文件内容。常见使用场景有下面几种，本文会逐一举例说明。本文相关代码可在笔者github上找到。
gulp能够帮助用户自动压缩静态资源，配合各类下属插件，能够压缩包括css、js、html乃至各类格式的图片文件。
其中最重要的就是ViewModel VieModel是为了实现数据的双向绑定 目的就是为了解耦
由于近期需要开发一个比较复杂的组件，所以决定采用typescript进行开发。之前有用过typescript进行开发，用tsc打包后，再用脚本将所有js进行合并，然后再用uglyjs压缩js，但是最终报错了，原因就是合并js的顺序问题，后来用脚本指定合并js的顺序。
Webpack 是当下最热门前端资源模块化管理和打包工具。任何形式的资源都可以视作模块，通
1. 全局安装 vue-cli npm install --global vue-cli 2. 创建一个基于 webpack 模板的新项目 vue init webpack my-project 3. 安装依赖 cd my-project npm install (换源安装: npm install --registry https://registry.npm.taobao.org )
最近在学习typescript，也就是我们常说的TS，它是JS的超集。具体介绍就不多说了，今天主要是带大家用webpack从零搭建一个TS开发环境。直接用传统的tsc xx.ts文件进行编译的话太繁琐，不利于我们开发，经过这次手动配置，我们也能知道vue3内部对TS的webpack进行了怎样的配置，废话不多说进入正题。
添加淘宝 NPM 镜像 啥都不说了，干活前先添加淘宝 NPM 镜像，不然后面安装模块的时候会卡住。 $ sudo npm install -g cnpm --registry=https://registry.npm.taobao.org 安装 electron 这里我是使用的全局 $ sudo cnpm install -g electron 创建应用 一个 Electron 应用的目录结构大致如下： myapp/ ├── package.json ├── main.js └── index.html p
最近用svg.js 做一些图形展示的demo， 在vscode下搭个web的编码环境，支持语法补全和实时预览。
起步 创建项目目录 mkdir webpack-vue3-demo 初始化 package.json npm init -y 参考文档 安装 webpack webpack-cli webpack-dev-server webpack-merge npm install webpack webpack-cli webpack-dev-server webpack-merge --save-dev 创建配置文件 mkdir build cd build touch webpack.b
进行重新加载编译。实际就是将浏览器不认识的语法编译成浏览器认识的语法。比如less编译成css，ES6 语法 转成 ES5等等。
使用以下插件，依次实现：markdown字符串转HTML、自动生成目录(toc)、代码高亮等功能。
接前面一篇文章，前一篇文章中只有一个页面，并且只有一个js文件，所以打包的时候会把那个js打包成一个bundle.js文件。但是假如我们有多个页面，且每个页面需要使用的js文件也不同，那么我们应该怎样打包呢。 安装依赖库 这里准备做个小的演示程序，首先安装一些这个演示程序需要看的第三方库 $ npm install --save-dev electron $ npm install --save-dev electron-packager $ npm install --save-dev webpack $
如果对桌面GUI技术不太了解，又不想花太多时间去研究；想做些跨操作系统的小工具的话，可以研究一下electron技术。只要懂一些基本的Html、CSS与JavaScript就可以做出很不错的跨平台的工具。还可以结合vue、react、TypeScript等技术。网上还有不少这类型的脚手架，例如
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
