nignx是一款非常优秀的服务器软件,前端工程师在开发完项目后,通常要将项目部署到服务器,我在部署项目时用的就是nginx。
今天跟大家分享一下用nginx部署前端项目的一些经验。
React项目开发完成后,需要运行 build指令进行打包,打包完成后得到打包的文件,然后将这些文件部署到服务器。
关于打包这里通常有两种操作,一种是在本地打包,然后将打包文件利用scp指
转载
2024-06-24 07:25:14
179阅读
开发React组件 发布npm包 (使用TSDX)运行该命令,会新建组件开发的文件夹。(mylib就是项目名)因为我这边的网速很烂 所以可以先安装cnpm i tsdx@latest -g然后在执行npx tsdx create mylib中途我们会被要求选择一个模版:模版描述basic用于一个TypeScript包,可以开发任何东西,灵活度高react用于开发React组件的包,内置了@type
转载
2021-01-17 19:31:38
1626阅读
2评论
Before we publish our package, we want to make sure everything is set up correctly. We’ll cover versioning, preparing our package, adding a proper REA
转载
2019-11-04 16:54:00
195阅读
2评论
如果你的系统还不支持 Node.js 及 NPM 可以参考我们的。我们建议在 React 中使用 CommonJS 模块系统,比如 browserify 或 webpack,本教程使用 webpack。
原创
2024-10-14 09:46:52
40阅读
本文作者「海秋」。上篇文章[1]中介绍了如何从 0 到 1 搭建一个 React 组件库架子,但为了一两个组件去搭建组件库未免显得大材小用。这次以移动端常见的一个组件 Popup 为例,以最方便快捷的形式发布一个流程完整的 npm 包。???? 在线预览[2]✨ 仓库地址[3]如果对你有所帮助,欢迎点赞 Star 以及 PR。如果有所错漏还烦请评论区指正。本文包含以下内容:Popup
转载
2022-04-22 15:35:59
990阅读
简要:这篇文章介绍了如何讲自己的包发布到NPM上,马克一下,将来有用 。。。 npm包发布发布npm包,更方便以后下载使用。我们已经把插件代码上传到github上面了,那么我们是否可以也做成一个npm包发布到npm上呢?答案是肯定的,如此一次,我们在需要使用到该插件的时候就可以直接npm i vpay等的实现安装到我们的项目中,岂不是很方便呢?正如文章刚开始提到的文件目录,我们
转载
2024-05-06 10:43:25
48阅读
解决办法: 首先执行下npm adduser,输入相应的Username、Password、Email: (this IS public) ·······Logged in as 您的Username on https://registry.npmjs.org/. 如果on后面不是https://r ...
转载
2021-07-22 11:21:00
202阅读
2评论
本文描述了如何从零开始,发布一个自己编写NPM Module,并使用Git作为代码管理工具,对Module进行代码管理下文的NPM用户名以npmuser代替,密码以xxx代替Github用户名以gituser代替,密码以xxx代替要发布的npm包名以module-name代替1.注册NPM账号NPM既然要发布npm包,那么首先就需要注册npm账号,这样才能将发布npm包2.建立Github仓库所有
原创
2024-05-10 10:15:20
96阅读
准备源码下载代码,并切换到最新标签 v17.0.2下git clone https://github.com/facebook/react.git执行 yaru
原创
2021-11-30 15:52:35
682阅读
前提已经安装好了node$ npm install -g cnpm --registry=https://registry.npm.taoba
原创
2022-06-06 18:15:39
119阅读
发布npm包注册并在本机添加npm用户(已注册可忽略)完成了上面的步骤之后,我们接下来要在www.npmjs.com注册一个账号,这个账号会被添加到npm本地的配置中,下面命令行将会使用到。//前提已完成npm用户的注册$ npm adduserUsername: your namePassword: your passwordEmail: yourmail@gmail.com如果出现以下错误,可能是你的npm版本太低,通过sudo npm install -g npm升级.
转载
2021-08-12 14:24:39
979阅读
发布npm包注册并在本机添加npm用户(已注册可忽略)完成了上面的步骤之后,我们接下来要在www.npmjs.com注册一个账号,这个账号会被添加到npm本地的配置中,下面命令行将会使用到。//前提已完成npm用户的注册$ npm adduserUsername: your namePassword: your passwordEmail: yourmail@gmail.com如果出现以下错误,可能是你的npm版本太低,通过sudo npm install -g npm升级一
转载
2021-08-13 10:13:57
795阅读
登录 查看当前所在位置包的信息 查看npm配置 λ npm config list λ npm config set registry http://registry.npmjs.org/ // 把原来配置的淘宝源切换回npm λ npm whoami // 切换后再看下当前登录的用户 发布 再次发
转载
2018-09-09 21:04:00
409阅读
2评论
npm源官方源:https://registry.npmjs.org/ 淘宝源:https://registry.npm.taobao.org/ 公司私有仓库:${yourNpmHost}发布一个模块 注册账号 命令行方式 npm adduser --registry${yourNpmHost} #在npmjs.com注册账号,与公司业务无关的可以发布到npmjs.com npm adduser --registry ${yourNpmHost} 之后...
原创
2022-03-29 16:57:06
128阅读
执行npm install 出现如下提醒xxxxxx====added 253 packages from 162 contributors and audited 1117 packages in 42.157sfound 5 vulnerabilities (1 low, 4 high) run `npm audit fix` to fix them, or `npm audit` for d
原创
2021-12-16 14:16:44
178阅读
# 如何解决 "npm yarn run react" 运行缓慢的问题
作为一名新手开发者,你可能会发现使用 `npm` 或 `yarn` 启动 React 项目时,速度并不是很理想。为了帮助你优化这一过程,接下来我将为你详细介绍解决步骤,以及每一步的实现代码。
## 整体流程
以下是解决 "npm yarn run react" 运行缓慢问题的整体流程,分为五个步骤:
| 步骤
原创
2024-08-06 09:38:31
150阅读
npm 创建 TypeScript React 项目的复盘记录
在当今快速发展的前端开发领域,TypeScript 和 React 已成为构建现代 Web 应用的热门组合。本文旨在通过长期积累的经验,对如何使用 npm 创建 TypeScript React 项目进行全面的复盘记录。
### 背景定位
随着业务的不断增长,开发团队需要快速响应市场需求,提高产品质量。TypeScript 作为
[解决]npm ERR! code ELIFECYCLE 项目开发环境遇到报错如下 error.png 废话不多说,上解决方案Step1:npm cache clean --forceStep2:rm -rf node_modulesStep3:rm -rf package-lock.jsonSte
原创
2021-07-28 14:54:21
558阅读
1.查看当前登录npm用户: npm whoami 2.查看当前镜像源信息: npm config get registry 3. 切换镜像:npm config set registry http://registry.npmjs.org/ 4.登录npm账号:npm login 5.执行npm ...
转载
2021-10-08 16:17:00
458阅读
2评论
修己安人,内圣外王最近,在开发Node项目过程中遇到了需要类jQuery深拷贝对象的然后进行npm init 初始化pa
原创
2023-03-13 18:28:20
101阅读