首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

前端基础:node.jsnpm、webpack

1 Node.js 1.1 简介 定义 JS的服务端运行环境 用途 构建工具webpack的环境依赖 特点 单线程、异步编程 应用场景 低运算、高I/O Nodejs的包管理工具: 2 npm...http://webpack.github.io/docs/ 安装 sudo npm install -g webpack npm install webpack@1.15.0 --save-dev...热加载 webpack-dev-server 作用:前端开发服务器 特色:可以在文件改变时,自动刷新浏览器 安装: npm install webpack-dev-server一save-dev...修改 cookie 删除 cookie 登录后,发现新增 jssessionID 字段的 cookie,属于 http-only, 用户端不可修改 3 前端框架...三大框架 4.3 node.js 及 yarn 安装 4.4 Webpack 配置 webpack,一个前端资源加载/打包工具 需要处理的文件类型 Html html-webpack-plugin

1.9K40
您找到你想要的搜索结果了吗?
是的
没有找到

前端基础-Node.js包管理器npm

viewed via: npm help config npm@6.4.1 C:\Program Files\nodejs\node_modules\npm 3.3 使用npm初始化项目 一个项目,...index.js", // 入口文件 "scripts": { // npm 设置的一些指令 "test": "echo \"Error: no test specified\" && exit...管理包时,package.json 及package-lock.json 的内容都会自动更新 3.6 服务端页面渲染 之前的案例中,我们时通过前端浏览器发送ajax请求获取服务器数据的,前端获取数据后进行遍历展示...init 2:将之前写好的后台文件 http.js 和 前台模板页面 apache.html 复制到新项目目录中; 3:安装时间处理模块: npm install moment 4:安装模板引擎模块:...npm install art-template 5: 修改 后台文件 http.js 和 前台模板页面 apache.html 文件 http.js : ?

1.3K20

node.js常用npm命令

本文主要介绍npm的常用命令,如果用过淘宝镜像cnpm同样适用。特别注意,此处的指令多为node.js的依赖包,所以node.js是必不可少。...一、安装node.js的依赖包 Tips:每次都要打开cmd,进行指令操作,后续就不再提醒了。...npm install 如:npm install gulp默认安装express的最新版本 如:npm install gulp@1.0.1 可安装指定版本 二、将包安装到全局环境中...-g表示全局 npm install -g 三、安装的同时,将信息写入package.json中 --save 就会自动生成package.json npm install ...npm update 七、罗列所有已安装的包 npm ls 八、查看当前包安装路径 npm root 如果需要查看全局包的安装路径,加上-g即可 如:npm root -g 九、帮助指令

1.6K20

前端|npm全局创建wps加载项

不过Wps官方文档又更新了通过npm全局的方式创建wps加载项,下面就来具体介绍一下。...解决方案 创建步骤: 1.准备开发环境 (1)安装wps 2019 (2)安装node.js环境 (3)安装 Visual Studio Code 2.创建wps加载项 打开命令窗口(win+R 输入cmd...),然后输入安装命令npm install -g wps js ?...图 2.2.2 创建新文件 按提示选择需要创建的类型和框架,这里的UI框架提供了两种选择,“无”代表示例代码中都是原生的js及html代码,没有集成vue\react等流行的前端框架。"...执行此命令后即可开始调试("Alt+F12"打开调试器),wpsjs工具包会自动启动wps并加载HelloWps这个加载项,同时wpsjs工具包启了一个http服务,此服务主要提供两方面的能力: a.提供前端页的的热更新服务

1.8K10

Web前端学习笔记之离线安装npm

上一篇文章讲了使用snap离线安装软件的方式,但对于npm包怎么离线部署,snap是无能为力的。本篇文章就来讲一讲离线安装npm包的几种方法。 接下来的部分,我将以离线安装pm2为例来进行说明。...0x01 使用 npm link 使用 npm link 的方式是最常用的方法,具体做法是在联网机器上下载pm2的源码并安装好依赖,拷贝到离线服务器上,最后借助 npm link 将pm2链接到全局区域...install 将安装好依赖的pm2文件夹拷贝到目标服务器上,进入pm2目录链接到全局区域: $ cd pm2 $ npm link 这种方式最关键的是借助 npm link 完成链接,但 npm link...0x03 使用 npm install 那有什么方法相比于上一种方法更干净呢?答案是 npm install 直接从文件夹安装。...也可以使用 npm install pm2 -g 安装到全局的node_modules,其文件布局是一样。

1.7K40

前端JS规范

工程中的配置 在我们现在所有的工程中都配置了eslint校验命令: npm run lint / npm run lintfix, 区别只是一个只做eslint验证,一个是会主动fix部分问题 引用 请记得...male', age: 25 } 只对非法标识符的属性使用引号,eslint: quote-props 原因:因为通常来说我们认为这样主观上会更容易阅读,这样会带来代码高亮上的提升,同时也更容易被主流 JS...bar.css' // good import fooSass from 'foo.scss' import barCss from 'bar.css' 迭代器 建议使用 JS 更高优先级的函数代替...// true // 数组(即使是空数组)也是对象,对象等于true } 分号 Standard 的规范是不使用分号的,我建议统一使用分号,代码更加清晰 关于应不应该使用分号的讨论有很多,好的 JS

5.2K10

如何使用npm创建Node.js项目?

引言Node.js是一种基于Chrome V8引擎的JavaScript运行时环境,广泛用于构建高性能的服务器端应用程序。...通过使用Node.js,我们可以简化后端开发过程,并利用丰富的npm生态系统来管理和共享代码。本文将介绍如何使用npm创建Node.js项目,并讨论项目初始化、依赖管理和脚本配置等方面的内容。...项目初始化2.1 确保已安装Node.jsnpm在创建Node.js项目之前,请确保已安装Node.jsnpm。...总结通过使用npm,我们可以轻松创建和管理Node.js项目。通过初始化项目、安装依赖、配置脚本等操作,可以更好地管理项目的开发过程和依赖关系。...希望本文对你理解如何使用npm创建Node.js项目有所帮助。

91220

CentOS上安装Node.jsnpm

cloud.tencent.com/developer/beta/article/1985930 图片 NodeSource是一家致力于提供企业级Node支持的公司,他们为Linux发行版维护一个不断更新的Node.js...要从CentOS系统上的NodeSource存储库安装Node.jsnpm,请执行以下步骤:添加NodeSource yum存储库Node.js的当前LTS版本是10.x版本。...和npm 启用NodeSource存储库后,通过键入以下内容安装Node.jsnpm: sudo yum install nodejs 当系统提示您导入存储库GPG密钥时,键入y,然后按Enter 验证...Node.jsnpm的安装 要检查安装是否成功,请运行以下命令,以打印Node.jsnpm版本。...打印Node.js版本: node -v v10.13.0 #看到版本号则代表安装成功 打印npm版本: npm -v 6.4.1 #看到版本号则代表安装成功

2K10
领券