npm

ngx-markdown 是 Angular2+ 的一个第三方库，它的主要功能是将md文件转换为HTML格式，并且支持语法高亮。 GITHUB地址： https://github.com/jfcere/ngx-markdown 安装 1. 安装 ngx-markdown 使用　 npm 　进行安装，在　`angular｀项目目录中执行： npm install ngx-markdown --save 在应用中引入 marked 的支持.引入: " scripts" : [ " ../node_modules/marked/lib/marked.js" //增加此句 ] 2. 安装语法高亮 npm install prismjs --save 为了使 prism.js 语法高亮可以正常执行,需要引入以下文件 : prism.js 的关键库文件, node_modules/prismjs/prism.js 一个高亮主题, node_modules/prismjs/themes 代码语言描述文件, node_modules/prismjs/components 文件 如果你使用的是 Angular Cli 构建工具,可以将下列语句添加到 .angular-cli.json 文件中: " styles": [ " styles.css", + " ../node_modules

vue使用npm run build命令打包项目 当我们使用vue-cli脚手架完成一个项目的时候，下一步肯定会想要怎么把这个项目放到互联网上或者本地直接打开呢，我们在本地调试的时候只要命令行执行 npm run dev 就可以把这个项目跑起来，但是现在我们要把他放到服务器上的话用 npm run build 命令就可以啦。 首先 命令行执行 npm run build 命令，命令需要在项目目录下执行 C:\Users\John\Desktop\demo>npm run build 我的是一个在桌面叫demo的项目 出现以下提示表示打包完成： 然后 我们就可以像打开静态网页一样打开我们完成的项目。 下图为打包生成的dist文件夹，其中index.html为入口文件： 没错，这时你打开了index.html文件，发现网页一片空白，打开F12发现console报了几个错误，状态码为404： 这是因为引用资源的路径问题，我们只要在下图的地方修改一下再打包就可以了。 需要修改的文件在项目目录下的 config文件夹里的index.js文件 中 改完，再次执行 npm run build ，然后打开 index.html 发现sucess demo 完。 来源： oschina 链接： https://my.oschina.net/u/4363760/blog/3594577

1. Nodejs Nodejs是一种服务器端js脚本运行环境； Nodejs框架是基于V8的引擎，是目前速度最快的Javascript引擎 ##2. Express开发框架 极简的web框架，完全是由路由和中间件组成，一个express应用就是在调用各种中间件 ##3. Nodejs 与 Express 关系 Express是基于Nodejs的应用开发框架，开发框架就是它们接收 HTTP 请求，读取数据，渲染HTML，返回HTTP响应。 Express简化了Nodejs的http协议的对外提供过程 4. 搭建Nodejs环境 1. 安装nodejs - 安装nodejs的时候，会把nodejs和npm一起安装好；（可通过node -v 或 npm -v来判断nodejs是否安装成功） 去官网 ( https://nodejs.org/ ) - DOWNLOAD里面的LTS中下载对应操作系统的nodejs包； nodejs官网中的LTS和Current版本介绍： LTS：长期支持版本；优点：稳定可靠； 缺点：没有最新的功能； 用于开发环境； Current：最新版本 ；优点：有最新的功能；缺点：不稳定可靠；用于测试环境，测试最新功能； <img src="https://img2018.cnblogs.com/blog/1516266/201903/1516266

1、安装 electron-winstaller 　　 npm install --save-dev electron-winstaller 2、创建一个build.js var electronInstaller = require('electron-winstaller'); var path = require("path"); resultPromise = electronInstaller.createWindowsInstaller({ appDirectory: path.join('./out/haha-win32-x64'), //入口 outputDirectory: path.join('./tmp/build/installer64'), //出口 authors: 'yyt', exe: 'haha.exe', //名称 setupIcon: path.join('icon.ico'),//安装图标，必须本地 iconUrl: 'http://pm72qibzx.bkt.clouddn.com/icon.ico',//程序图标，必须url noMsi: true, }); resultPromise.then(() => console.log("It worked!"), (e) => console.log(`No dice: ${e

安装cnpm镜像 npm install cnpm -g --registry=https://registry.npm.taobao.org 全局安装electron cnpm install -g electron 新建一个index.js 生成一个package文件 cnpm init --yes // --yes表示全部默认设置 nodejs代码提示 npm install --save-dev @types/node 运行electron electron . 下面开始打包： 打包的格式： electron-packager <应用目录> <应用名称> <打包平台> --out <输出目录> <架构> <应用版本> cnpm install electron-packager -g package.json 中 "scripts" 属性配置如下： "start": "electron .", "package": "electron-packager . 3dmax --win --out ../HelloWorldApp --arch=x64 --electron-version=11.0.3" 经过上面步骤后，输入如下命令： 在终端控制台上运行， npm run-script package 打包结果： 如果更换打包后应用图标： 这里要注意，图标格式必须是ico格式的

本文是第十四届 - 前端早早聊成长晋升专场，也是早早聊第 102 场，来自 蚂蚁金服 - 死马 的分享 一、自我介绍 我是不四，毕业后一直在阿里和蚂蚁工作，不四是我在阿里的花名，社区中一般以另一个花名 “死马” 出现。工作这 8 年多来一直专注在 Node.js 和 Web 开发领域，也在社区参与了一些开源项目，包括 Koa、Egg 和 cnpm 等，非常幸运在 node 出生之初就开始参与其中，算是赶上了一波由 node 带来的大前端变革浪潮。每一个人的成长轨迹都不一样，一路上遇到的机遇也各不相同，这次分享也仅站在一个普通工程师的角度来分享我的成长经历和贯穿其中的一些个人习惯。 二、成长历程 实习 在 2011 年的夏天，大三暑假我来到了当时的淘宝数据平台实习。也不知道是运气好还是运气差，我是以 C++ 工程师的身份被招聘的，分配到的数据产品部却是一个做 Web 产品的团队，还是用刚刚出生的 Node.js 作为服务端开发语言，并在实践全栈研发，还记得那时候 node 的版本才 0.4，而我是一个连 JS 和 JSP 都分不清楚的菜鸟，大学三年只写过黑框框的 C++，连 HTTP 是什么都不知道，无比忐忑的开始闷头学习 JS 基础。 多年以后和当时看的入门教材作者成为了同事 幸运的是，当时的团队大牛云集，国内第一批 Node.js 的布道者，node party 的发起人空无

如果电脑已安装vue-cli2.9.6，需要先卸载，然后重装vue-cli3.11.0操作如下 等待几分钟，卸载完成，输入npm install -g @vue/cli 等待安装完成，输入vue -V查看脚手架版本号 下面开始创建项目 首先进入你指定的工作空间文件夹，输入vue create 项目名称 选择default，等待项目创建完成，输入cd 项目名称，进入项目，然后启动项目npm run serve 启动成功后，可通过url在浏览器中打开项目查看 浏览器打开： 原文出处：https://www.cnblogs.com/poison-future/p/11629676.html 来源： oschina 链接： https://my.oschina.net/u/4360351/blog/3251167

方式一： webpack-dev-server错误法则： 前往项目根目录删除node_modules文件夹，然后在项目根目录路径下的终端运行"npm install"等待安装完之后，再次运行“npm run dev”，有些人的是马上就可以了，然而往往还会有人（譬如我）仍然报类似的错误，这个时候你只需要再次重复相同的操作即可，“一次不成再删再安装”！！ 这个方式我的不行。。。 方式二： 全局安装 webpack 后，问题解决了。。。。 来源： oschina 链接： https://my.oschina.net/u/2325739/blog/4585491

一、vscode常用快捷键 1.新建文件：chtr+n 2.新开窗口：ctrl+shift+n 3.分屏：ctrl+1/2/3 4.切换文件：alt+1/2/3或ctrl+tab 5.关闭当前窗口：ctrl+w 6.关闭所有已保存窗口：ctrl+k+w 7.显示/隐藏左侧边栏：ctrl+b 8.文件重命名：鼠标选中+f2 9.自动换行：alt+z（标签过长需要拖动编辑器下方滚动条阅读时不太方便，可以一键换行） 10.注释：ctrl+/ 11.多行编辑：alt+鼠标左键 12.隐藏/显示终端：ctrl+~ 13.查找并打开文件：ctrl+p 14.选中当前单词：ctrl+d 如果想选中所有此单词，ctrl+shift+L 15.文件内容查找替换：ctrl+f ctrl+h ，替换一个ctrl+shift+1，替换所有ctrl+alt+enter 16.项目全局搜索：ctrl+shift+f 17.移动当前行，向上alt+up（方向键↑） 向下alt+down 18.在当前行上方插入一行：ctrl+shift+enter 20.跳转到文件头部/尾部：ctrl+home/end 21.选中光标到行首/行尾文本：shift+home/end 22.选中部分文字：shift+left/right/up/down 23.删除当前行：ctrl+shift+k，会与搜狗输入法软键盘冲突

前提：搭建好NodeJS环境 node -v npm -v 1. 什么是vue-cli? vue-cli是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板，创建命令如下： vue init webpack xxx 注1：xxx 为自己创建项目的名称 注2：必须先安装vue,vue-cli，webpack，node等一些必要的环境 2. 安装vue-cli npm install -g vue-cli npm install -g webpack 注1：安装成功后，会出现如下文件 D:\initPath 　　node-v10.15.3-win-x64 　　　　node_global 　　　　　　vue 　　　　　　vue.cmd 　　　　　　vue-init 　　　　　　vue-init.cmd 　　　　　　vue-list 　　　　　　vue-list.cmd 注2：安装完成之后打开命令窗口并输入 vue -V（注意这里是大写的“V”），如果出现相应的版本号，则说明安装成功。 3. 使用脚手架vue-cli(2.X版)来构建项目 步骤一：使用脚手架创建项目骨架 此步骤可理解成：使用eclipse创建一个maven的web项目 cmd 打开命令窗口 d: 切换到d盘 cd d:\temp 进入d:\temp目录 vue init webpack spa1