首页 > TAG信息列表 > npx

javascript 开发前端准备

目录javascript 开发前端准备安装NodeJs安装YarnYarn 源的管理npx安装IDE插件安装参考 javascript 开发前端准备 javascript一般自带了控制台，比如js语法,这是浏览器作为执行javascript的运行环境，但是我们开发不可能在浏览器上开发，我们需要在本地安装nodejs，nodesjs类似于javascript

创建第一个 Cypress 应用后使用命令行 npx Cypress open 报错的原因分析

大多数测试工具（如 Selenium）通过在浏览器外部运行并通过网络执行远程命令来运行。Cypress 正好相反。 Cypress 在与 Web 应用程序相同的运行循环(run loop)中执行。 Cypress 背后是一个 Node 服务器进程。 Cypress 和 Node 进程彼此不断通信、同步和执行任务。访问这两个部分（也就是

nvm 管理node,nrm管理npm源,npx下载

nvm 与 npx nrm npm i -g nrm nrm -V nrm ls ⇒查看所有源 nrm test ⇒测试所有源速度, 带星号的为当前使用源 nrm use 「源名称」 ⇒ 切换源 nrm add 「源名称」「url」 ⇒ 添加源 nrm current ⇒ 显示当前源 (可能会无效, 见d) nrm -help ⇒ 所有nrm指令

图文并茂手把手教你How to copy files or directory in nodejs npm scripts编写脚本用npm或者node命令复制文件

每天都要开心哦~~~ 今天来个双语文档 先放出来官方文档 https://www.npmjs.com/package/copyfiles 先来说一下npm 执行的方式 1.首先，进入项目目录，下载依赖，添加到dev依赖 1.First, Go to your application project, Install copyfiles dependency with the below command Note:

uniapp项目运行出现npx browserslist@latest --update-db

今天运行uni-app项目的时候，出现了npx browserslist@latest --update-db 在桌面找到HBuilderX的安装目录, cmd切换到HBuilderX/plugins/uniapp-cli下删除node_modules以及package-lock.json在当前目录执行npm install 然后重新启动项目就可以了

npm相关知识整理

语义化版本 major: 重大变化，不兼容老版本 minor: 新增功能，兼容老版本 patch: 修复bug，兼容老版本 依赖版本号 * 匹配最新版本的依赖 ^ 匹配最近的大版本依赖，比如^1.2.3，会匹配所有1.x.x的包，不包括2.0.0 ~ 会匹配最近的小版本依赖，比如~1.2.3，会匹配所有1.2.x版本，不包括1

超详细版本vue+capacitor（自定义capacitor插件）编写移动端应用

我的环境 Node v16.13.0 npm v8.1.0 mac的话需要安装Xcode windows的话需要Java 8 JDK和Android Studio软件 本文以安卓开发为例 找一个自己喜欢的路径，全局安装Vue cli npm install -g @vue/cli 生成VUE项目,根据需求选取自己需要的版本 vue create vue-capacitor-demo 启

如何使用npx创建vue或者react项目

如何使用npx创建vue或者react项目 不需要提前安装全局工具包（@vue/cli和create-react-app）的情况下，直接使用npx命令来创建项目 好处： 不需要全局安装包。 每次使用最新的全局工具来创建项目。 缺点： 慢一些 用npx创建vue项目 npx @vue/cli create your-project-name 用npx

eslint基础——安装与初始化

安装： npm install eslint 初始化： npx eslint --init 此命令后经过若干初始化选择，然后会在根目录生成 .eslintrc.js 配置文件 手动操作的几个常用命令： npx eslint demo.js //对指定文件进行检查 npx eslint demo.js --fix //对指定文件进行修复 npx eslint js/ //对js文

webpack5 eslint的配置采用 airbnb风格

下载相关包 npm i eslint eslint-config-airbnb-base eslint-plugin-import -D 并在 package.json中配置添加 "eslintConfig": { "extends": "airbnb-base" } 在webpack中配置 eslint npm i eslint-webpack-plugin -D 引入 const EslintPlugin = re

npm、npx、nvm、nrm,node.js的管理，

提示：了解和理解npm、npx、nvm、nrm @目录前言一、npm 是什么？npx 呢？1.npm2.npx二、什么是 nvm ？1.是什么2.使用场景3.常用命令三、什么是 nrm ？1.功能介绍2.使用说明总结 前言 提示：npm npx nvm nrm 是管理node服务相关的，需有node环境 node官网【cn】 node官网【en】 node安装教程

自动化测试（五）04-js测试框架AVA——查看ava支持的cli参数之npx ava --help &文件匹配-match &TAP报告&快照功能-snapshots目录 &设置超时-timeout

自动化测试（五）04-js测试框架AVA——查看ava支持的cli参数之npx ava --help & 文件匹配-match & TAP报告 & 快照功能-snapshots目录 & 设置超时-timeout CLI命令 参考指令——https://github.com/sindresorhus/awesome-tap#reporters 使用--help命令去查看ava支持的cli参数 ➜

Cypress-命令行操作

UI界面手动运行测试用例 npx cypress open   直接运行所有的测试用例(默认以无头模式运行) npx cypress run   运行制定的测试用例(默认以无头模式运行) npx cypress --spec "相对路径地址"npx cypress --spec "cypress\integration\index.spec.js"     运行制定的测试

react native 创建、运行项目

创建项目 npx react-native init rn_demo 检测与手机连接 adb devices 运行项目 npx react-native run-android 这个窗口，做ReactNative Packager 。 作用：是帮我们实时编译项日源代码的，并把编译的结果,应用到手机上，可以让开发者, 随时查看设新的项目代码效果。 如果一不小

React-Native 开发环境搭建

React-Native 开发环境搭建 开发环境初始化 官方文档： https://reactnative.dev/docs/environment-setup 一、安装 AndroidStudio，安装 JDK, Android SDK 新建一个 ADV Android 模拟机，启动它 二、设置 path 添加 ANDROID_HOME = F:\Android\ 给 Path 添加 F:\Android\platfo

聊聊去年最火的前端库zx

  根据github上的数据，去年最受欢迎的前端库为谷歌棋下的zx。今天我们就来聊一聊这个去年最火的前端库。 zx是什么   zx 是谷歌实现的一个能在 node 中写 bash 的库。就像这样： await $`echo "hello world"`;   使用$``框起想要执行的命令，就可以直接执行 bash。   这

npx的使用

npx是一个工具，npm v5.2.0引入的一条命令（npx），一个npm包执行器，指在提高从npm注册表使用软件包时的体验。 使用npx有如下好处： 1、可以直接执行npm包中的可执行文件 比如，项目内部安装了测试工具mocha： npm install -D mocha 一般来说，调用mocha，只能在项目脚本和package.json的script字段

前端超简单的图文并茂cordova开发使用指南+自定义插件

Cordova是什么 使用前端技术 开发跨平台web App的工具 底层原理:HTML+CSS搭建页面, JS和原生交互 交互原理：Cordova插件 Cordova安装 （可以根据自己需求选择安装全局还是安装自己项目文件路径） npm install -g cordova 或者在项目路径运行cmd命令 npm install cordova 创建Cordova

patch-package

1、简介：有个功能需要修改node_modules里面的代码，就发现patch-package可以立即修复并保留对 npm 依赖项的修复。 2、安装patch-package npm i patch-package --save-dev 3、修改完依赖后，运行patch-package创建patch文件 npx patch-package 依赖名称例子： npx patch-package eleme

npx和npm的区别

npx 是 npm 的高级版本，npx 具有更强大的功能。 用途： 在项目中直接运行指令，直接运行node_modules中的某个指令，不需要输入文件路径 　 node-modules/.bin/babel.js --version npx babel --version   避免全局安装模块：npx 临时安装一个模块，使用过后删除这个模块(下面的两个模块

events.js:377 throw er； // Unhandled ‘error‘ event解决流程分享

bug: 在项目根目录下执行npx http-server 文件名 -p [端口号（默认8080）]的命令行的时候报错： events.js:377       throw er; // Unhandled 'error' event       ^ Error: listen EACCES: permission denied [8080] 网上查了一下，是由于权限的不够，我所处的环境是windows，因此官

使用不同的angular cli 版本生成项目

本地电脑已经全局安装了angular cli10， 如何生成其他版本的angular项目？ 安装npx，然后使用npx创建了项目 npm install -g npx 使用所需的cli版本创建新项目。使用@angular/cli@latest或仅使用@angular/cli作为最新版本。npx的-p选项允许您指定要安装的包 npx -p @angular/cli@6.0

npx

npx npm v5.2.0引入的一条命令（npx），提升了开发者使用包内提供的命令行工具的体验。 一、调用项目安装的模块 安装webpack： npm i -D webpack 调用项目内部的webpack： # 项目的根目录下执行 ./node_modules/.bin/webpack -v 有了 npx，只需要这样： npx webpack -v #npx 会自动查找当前

无法将“nodemon 识别为...“

解决，无法将"nodemon 识别为…"，的问题 今天在终端运行刚安装好的nodemon时，出现了上面的错误，解决方法如下： 在命令行前面加npx。这相当于运用管理员权限来实现命令。

react创建ts项目

写在前面 最近在用React,发现百度了很多都没有找到基于TS的React项目搭建，很多是老的方法已经属于不成功的了，今天我把最新的搭建基于ts的React的项目分享出来 create-react-app官方文档 官方文档不要百度找一些乱七八糟的文档了，一半不成功 准备工作 Node、npm；最基本的东西了，没有就