CNPM

谷歌chrome浏览器vue调试工具vue-devtools的安装

时光总嘲笑我的痴心妄想 提交于 2020-04-25 06:33:45
先导 vue-devtools 是一款基于chrome浏览器的插件,用于vue应用的 调试,这款vue调试神器可以极大地提高我们的调试效率。帮助我们快速的调试开发vue应用。 第一步: 我们可以先从github上找到vue-devtools的项目,下载到本地。下载 vue-devtools 链接。 克隆方法:git clone https://github.com/vuejs/vue-devtools.git 第二步: 解压下载好的文件,进入到vue-devtools目录,安装项目所需要的依赖包。 安装方法:npm install 或者 cnpm install (注:cnpm命令是国内的镜像,速度会快一些) 第三步: 编译项目文件。 编译方法:npm run build 第四步: 修改安装目录vue-devtools\shells\chrome 中 的manifest.json文件。 persistent参数改为true,访问协议是否包含:1.http://*/*; 2. https://*/*; 3. file:///*;这三种情况 第五步: 添加至浏览器: 添加方法:在chrome浏览器输入地址:“chrome://extensions/”进入扩展程序页面, 然后点击“加载已解压的扩展程序...”按钮;选择vue-devtools>shells目录下的Chrome文件夹;

toast提示信息获取和Monkey笔记

蹲街弑〆低调 提交于 2020-04-24 22:50:45
获取toast toast提示信息出现场景:用户输入用户名和密码后,提示的'登录成功', 用之前的定位方法获取不了,需要 Uiautomator2来获取 安装node.js (使用 npm 或 node 验证) node-v8.11.3-x64.msi(windows) 或 node-v8.10.0.pkg(mac) 进行安装 安装cnpm (使用cnpm验证) npm install -g cnpm --registry=https://registry.npm.taobao.org 下载 appium-uiautomator2-driver cnpm install appium-uiautomator2-driver 前置代码添加 desired_caps['automationName'] = 'Uiautomator2' 使用driverWait的方式寻找 def find_toast(driver, message, timeout=3): """ # message: 预期要获取的toast的部分消息 """ message = "//*[contains(@text,'" + message + "')]" # 使用包含的方式定位 ​ element = WebDriverWait(driver, timeout, 0.1).until(lambda x: x

01. Angular (安装+创建+组件+模块)

你说的曾经没有我的故事 提交于 2020-04-24 16:08:03
1. 简介 为什么使用Angular? Angular 是一个应用设计框架与开发平台,用于创建高效、复杂、精致的单页面应用. 支持TypeScript语法,进行代码的编译,可以有效的减少代码编写时的错误 Angular是一套用于构建用户界面的javaScript 框架.有Google开发和维护,主要被用来开发单页面应用程序 类似于Vue.js MVVM 组件化 模块化 指令 ..... 这里附上官网地址: https://angular.cn/guide/setup-local 1.1 版本问题 Angular1 因为当时的大环境需求,出现了一些困境 饱受诟病的性能问题 脏检查 落后于当前web发展理念 组件化,模块化支持不够友好 对移动端支持不够友好 Angular1 因为问题太多,重构几乎不可能,之后就开发了Angular2 因为Angular2 因为几乎重写了Angular1,所以后来的官方就把Angular 称为Angular 优点: 相比于ng1性能够好 更贴近未来标准 es6,web TypeScript ...... 2. 安装 2.1 配置依赖环境 2.1.1 安装 Node.js 下载地址: https://nodejs.org/en/download //查看是否安装完成 node -v 2.1.2 安装 npm npm会随着 Node 的安装被一起安装 /

electron教程(四): 使用electron-builder或electron-packager将项目打包为可执行桌面程序(.exe)

冷暖自知 提交于 2020-04-20 10:33:55
我的electron教程系列 electron教程(一): electron的安装和项目的创建 electron教程(番外篇一): 开发环境及插件, VSCode调试, ESLint + Google JavaScript Style Guide代码规范 electron教程(番外篇二): 使用TypeScript版本的electron, VSCode调试TypeScript, TS版本的ESLint electron教程(二): http服务器, ws服务器, 子进程管理 electron教程(三): 使用ffi-napi引入C++的dll electron教程(四): 使用electron-builder或electron-packager将项目打包为可执行桌面程序(.exe) #引言 本篇将介绍如何将你开发的electron项目(main.js), 打包成一个可执行桌面程序(.exe). 有两个流行的工具可以做到这一点: electron-builder 和 electron-packager . 我不会详细地对比两者的优劣, 但会通过三个事实来帮助你选择合适的工具. 1. electron-builder 的Star为7.7k, electron-packager 的Star为6.6k. 2. 根据 electron-builder 的作者介绍, electron

vue(element)中使用monaco实现代码高亮

三世轮回 提交于 2020-04-19 17:45:21
vue(element)中使用monaco实现代码高亮 使用的是vue语言,用element的组件,要做一个在线编辑代码,要求输入代码内容,可以进行高亮展示,可以切换各不同语言,而且支持关键字补全,还要有一个各不同版本间的代码左右比较,这就是需求。 至于为什么选中monaco,请查看 vue(element) 中代码高亮插件全面对比 好了,现在正式开工吧! 首先需要下载monaco-editor组件,monaco-editor-webpack-plugin组件 npm install monaco-editor npm install monaco-editor-webpack-plugin 当然啦,npm下载很是缓慢,换个国内镜像,淘宝的吧。果然,速度就嗖嗖的起来。 npm install -g cnpm --registry=https://registry.npm.taobao.org cnpm install cnpm install monaco-editor cnpm install monaco-editor-webpack-plugin 可在node_modules下看到其目录结构 核心代码如下所示 首先写个组件,供其他页面引入调用, CodeEditor.vue <template> <div class="code-container" ref=

淘宝镜像安装方法

自闭症网瘾萝莉.ら 提交于 2020-04-18 09:45:35
https://www.jianshu.com/p/4a1c95c215da 控制台内执行 npm install -g cnpm --registry=https: // registry.npm.taobao.org 安装成功后 使用 cnpm i xxx 代替 npm install xxx 来源: oschina 链接: https://my.oschina.net/u/4263437/blog/3273763

Vue3.0结合bootstrap做多页面应用(1)创建项目

混江龙づ霸主 提交于 2020-04-18 06:46:33
本人主要做c# winform应用,刚接触vue,发现用vue做单页面应用的比较多,多页面的资料很少,特别是用vue3.0版本做多页面的资料,更少,所以自己整理一下,结合bootstrap和jquery,也可以给有需要的同行做个参考。 1.首先用 vue --version 命令查一下安装的vue-cli版本,要3.x版本,我原先装的是2.9.6版本的 2.卸载vue-cli,执行命令:cnpm uninstall -g vue-clinpm uninstall -g vue-cli ,执行完就好了 3.安装vue-cli3.x版本:cnpm install -g @vue/cli 4.安装完毕后,查看一下版本:默认装的最新版,3.8.2 5.切换到你的项目文件夹,准备创建项目吧,cmd命令操作就好了 6.执行 vue create <项目名称>创建项目吧,我这里直接用j做测试好了 7.新版的项目创建,会有选项可以配置,这里就不做赘述,百度有哈,一路默认回车也可以 从别人那里看到的配置图,可以参考: 8.项目安装完了会有如下提示 9.执行cd j 跳转到项目路径内 10.执行 npm run serve 命令,即可启动服务 可以看到有两个地址,第一个是用于本地测试,第二个是用于局域网测试,复制其中一个到浏览器运行即可。 先写这么多,可以关注后续的更新哈 原文出处:https:/

Vue2.0教程—— 搭建Vue脚手架(vue-cli)

让人想犯罪 __ 提交于 2020-04-18 01:21:15
Vue作为前端三大框架之一截至到目前在 github 上以收获44,873颗星,足以说明其以悄然成为主流。16年10月Vue发布了2.x版本,经过了一段时间的摸索和看官方的教程和api,才了解到2.0版本在1.0版本的基础上做了好多调整,废弃了好多api。。。废话不多说了,把我踩过的坑,在这里跟大家说说,希望对初学者有所帮助。ps:高手请绕道。基于webpack构建的vue项目,并实现简单的单页面应用。其中利用到的相关技术会简单加以说明 一、那么我们就从最简单的环境搭建开始: 安装node.js,从 node.js官网 下载并安装node,安装过程很简单,一路“下一步”就可以了(傻瓜式安装)。安装完成之后,打开命令行工具(win+r,然后输入cmd),输入 node -v,如下图,如果出现相应的版本号,则说明安装成功。 这里需要说明下,因为在官网下载安装node.js后,就已经自带npm(包管理工具)了,另需要注意的是npm的版本最好是3.x.x以上,以免对后续产生影响。 安装淘宝镜像,打开命令行工具,把这个(npm install -g cnpm --registry= https://registry.npm.taobao.org )复制(这里要手动复制就是用鼠标右键那个,具体为啥不多解释),安装这里是因为我们用的npm的服务器是外国,有的时候我们安装“依赖

vue构建打包,使用webpack生成最终可以发布的版本

爷,独闯天下 提交于 2020-04-11 09:31:17
项目构建打包--webpack cnpm run build 打包完成后会提示你,不能在本地打开,必须启用服务器才能打开 而且生成了一个dist目录 这个目录就是可以发布的目录,只要放到服务器上去即可 来源: oschina 链接: https://my.oschina.net/u/4295884/blog/3228862

npm run dev失败

假如想象 提交于 2020-04-10 13:08:22
问题 前端最近任务多,没时间调试CEF上的网页,只好自己搭建VUE本地环境调试 但 在项目目录下 npm run dev时,出现如下错误 'webpack-dev-server' 不是内部或外部命令,也不是可运行的程序 或批处理文件。 解决 我是通过下面的方法,糊里糊涂的解决了 首先, http://nodejs.cn/ 下载最新版的node,老版本打开已有项目时,会有问题 1)cnpm install webpack webpack-dev-server webpack-cli --save-dev 但是在运行 npm run dev时,还出现错误 2) Erro 来源: oschina 链接: https://my.oschina.net/u/4415996/blog/3227717