npm

【融职培训】Web前端学习 第7章 Vue基础教程13 项目部署

元气小坏坏 提交于 2020-08-06 13:59:15
一、概述 二、构建项目 npm run build 将项目打包,默认会生成一个dist目录,构建工具会将整个项目路打包成HTML、CSS和JS文件。 然后将这些静态文件直接放在服务器中。 三、配置 vue.config.js 文件 四、课后题 完成一个学生管理系统: 需求 学生的添加、删除、修改功能。 可以设置学生的成绩。 功能开发完成后,部署到Koa服务器中。 技术要求 UI框架使用elementUI。 数据交互使用Axios 后台使用Koa。 数据存储在后台的内存中(使用变量存储数据)。 【融职教育】在工作中学习,在学习中工作 来源: oschina 链接: https://my.oschina.net/u/4125915/blog/4320373

win10系统电脑cmd命令框提示“webpack不是内部指令”详解

杀马特。学长 韩版系。学妹 提交于 2020-08-06 12:05:40
废话不多说,直接上教程。 1、安装nodejs---注意安装路径(ps:名称不重要,重要的是 路径。不管你是默认安装,还是手动选择路径安装,请记住路径) nodeJS中文网下载地址:(注意系统是32位或64位,请先检查电脑系统) http://nodejs.cn/download 现在安装nodeJS会自动安装npm包管理。 安装完成之后,输入如下图命令,检测是否安装正确。 看到我这里nodejs的安装路径名称,文件夹名字不重要。 此时,nodeJS安装成功。 2、然后在noodjs\noodjs文件夹下建立两个文件夹 node_cache 和 node_global。 如下图。 3、这一步很关键。打开命令行控制器(cmd)。输入以下两行命令代码。 每输入一行后回车,cmd没什么反应的,属正常现象。 npm config set cache "E:\nood js\nood_js\node_cache" npm config set prefix "E:\nood js\nood_js\node_global" 4、全局安装webpack。 npm install webpack -g ps:安装指定版本的webpack,如下 npm install webpack@3.10.0 -g @后面是版本号 安装成功之后,可以看到之前建立的文件夹中,有新的 文件webpack 5

CukeTest+Puppeteer的Web自动化测试(一)

拈花ヽ惹草 提交于 2020-08-06 10:53:04
CukeTest+Puppeteer的Web自动化测试 一、初识BDD、Cucumber(黄瓜)、CukeTest   行为驱动开发(Behavior Driven Development,BDD)。行为驱动开发能够保持文档和测试脚本的一致性,便于维护、也便于业务人员和技术人员沟通,始终保持应用软件的技术实现反映业务的需求。 Cucumber是行为驱动开发最流行的一个框架,它使用自然语言描述的行为来驱动测试代码,也支持多种语言,如Ruby、Python、JavaScript、Java等。   Cucumber源码: https://github.com/cucumber/cucumber-js   CukeTest是开发测试自动化脚本的一个灵巧方便的工具。用户可以使用此工具快速创建BDD(行为驱动开发, Behavior Driven Development)测试脚本。它集成了Cucumber框架和JavaScript,可视化编辑,调试功能,并有多个html报告模板可供选择。同时它能够 实现了各种类型应用的自动化,包括Web、Windows、移动设备、API等等。   CukeTest使用文档: http://www.cuketest.com/zh-cn/ 二、Cucumber如何运行的? Features:剧本(测试项的目运行文件都在features目录下,以 .feature

一键更新package.json中所有模块为最新版本

爱⌒轻易说出口 提交于 2020-08-06 10:46:06
1.需求由来 最近接受一个项目,由于该项目比较老,项目中的package.json里面的依赖的依赖很多都是低版本,我现在要更新里面的依赖。就产生一个问题: 我无法知道里面的依赖哪个官方已经有新版本,哪个没有新版本? 首先想到的是,去npm官网一个一个搜索,看看有没有更新,有的话再再每个单独更新,这个确实可以解决。但是假如package.json里面很多依赖怎么办,一个一个操作太麻烦了吧。我想要一键更新里面所有的插件到最新版本。 2.npm-check-updates npm中有一个插件 npm-check-updates ,该插件可以帮我们一键升级。 安装该插件 cnpm install -g npm-check-updates 或者 npm install -g npm-check-updates 在有package.json的目录执行 npm-check-updates 或者 ncu 简写命令检查是否有更新(该插件会去npm官网查询是否有最新版本),如果有的话会出现下图所示的结果。 如果没有最新,会出现 然后执行 ncu -u ,检查package.json文件,会发现package.json里面的依赖版本号已经变成最新版本 4.然后我们再 npm install 即可 PS:如果只要更新某些个插件,只要检查版本后,手工改package.json对应的插件版本号在install

如何可以使用crypto-js

点点圈 提交于 2020-08-06 10:02:26
尝试了github上的https://github.com/brix/crypto-js 学了用npm安装包https://www.runoob.com/nodejs/nodejs-npm.html 看了好多遍README.md 搞得心力憔悴,两三个小时,就是不能跑。最后找到这篇博客https://blog.csdn.net/weixin_43953753/article/details/86018134,一下子解决了。 总之,在你的html文件里直接加上下面这行代码 <script src="https://cdn.bootcss.com/crypto-js/3.1.9-1/crypto-js.min.js"></script> 然后就可以快乐地使用crypto-js内置的各种加密算法了。 来源: oschina 链接: https://my.oschina.net/u/4284954/blog/4327656

Django学习笔记(20)——BBS+Blog项目开发(4)Django如何使用Bootstrap

心不动则不痛 提交于 2020-08-06 09:58:55
  本文学习如何通过Django使用Bootstrap。其实在之前好几个Django项目中已经尝试使用过了Bootstrap,而且都留有学习记录,我已经大概有了一个大的框架,那么本文就从头再走一遍流程,其实主要细节还是Bootstrap的常用的语法使用。除了基本流程,本文基于BBS+Blog项目进行学习,主要是完成其项目的模板的功能,顺带学习一下Bootstrap的内容。   我使用的Python版本为3.X,Bootstrap版本为3.3.31,Django版本为2.0。   模板语法不懂的可以参考博客: Django学习笔记(3)——表单,路由控制和模板语法的学习 1,下载及配置Bootstrap相关文件   点击: Bootstrap官网下载链接   我们选择第一个,或者第二个都可以:两者的区别就是源码内容更加完善,而用于生产的比较轻便。   我们可以看看两者的目录结构。 1.1,Bootstrap预编译版的基本文件结构:   预编译文件可以直接使用到任何web项目中。官方提供了编译好的CSS和JS(bootstrap.*)文件,还有经过压缩的CSS和JS(bootstrap.*)文件。同时还提供了CSS源码映射表(bootstrap.*.map),可以在某些浏览器的开发工具中使用。 1.2,Bootstrap源码的基本文件结构:   当然,有时候我们做测试的时候

Selenium

梦想的初衷 提交于 2020-08-06 09:19:40
1,下载浏览器chrome 2,驱动下载: http://npm.taobao.org/mirrors/chromedriver/ 对应版本下载后放入path from selenium import webdriver from selenium.webdriver.chrome.options import Options import time,os chrome_opt = Options() # 创建参数设置对象. chrome_opt.add_argument('--no-sandbox') # 允许root chrome_opt.add_argument('--headless') # 无界面化. chrome_opt.add_argument('--disable-gpu') # 配合上面的无界面化. chrome_opt.add_argument('--window-size=1366,768') # 设置窗口大小, 窗口大小会有影响. driver = webdriver.Chrome(chrome_options=chrome_opt) # 创建Chrome对象并传入设置信息. driver.get('https://www.baidu.com') # get方式访问百度. name = driver.find_element_by_name('uid')

搭建一个vue-cli4+webpack移动端框架(开箱即用)

丶灬走出姿态 提交于 2020-08-06 08:01:45
简介 这是基于 vue-cli4 实现的移动端框架,其中包含项目常用的配置,组件封装及webpack优化方法,可供快速开发使用。 技术栈:vue-cli4 + webpack4 + vant + axios + less + postcss-px2rem 源码 github.com/Michael-lzg… // 安装依赖 npm install // 本地启动 npm run dev // 生产打包 npm run build 复制代码 在一两年前,vue-cli3已经声驾到3.0+版本,但是由于旧项目一致习惯于vue-cli2的脚手架的使用,之前也写过一篇 搭建一个vue-cli的移动端H5开发模板 简单总结了一点移动端的开发技巧。 近日升级vue-cli脚手架才发现,这已经升级到4.0+版本了,觉得很多必要在新的项目中使用vue-cli4进行开发,加上近来对webpack有了进一步理解,所以结合了vue-cli4和webpack搭建了一个移动端框架,以便开箱即用。 主要包括如下技术点: vue-cli4脚手架 vant按需引入 移动端rem适配 axios拦截封装 util工具类函数封装 vue-router配置 登录权限校验 多环境变量配置 vue.config.js配置 toast组件封装 dialog组件封装 跨域代理设置 webpack打包可视化分析 CDN资源优化

CentOS各个版本镜像下载地址

不想你离开。 提交于 2020-08-06 07:51:44
CentOS各个版本镜像下载地址 # CentOS7.6 下载地址 # CentOS-7-x86_64-DVD-1810.iso CentOS 7.6 DVD 版 4G http://mirrors.163.com/centos/7.6.1810/isos/x86_64/CentOS-7-x86_64-DVD-1810.iso # CentOS-7-x86_64-Everything-1810.iso CentOS 7.6 Everything版 10G http://mirrors.163.com/centos/7.6.1810/isos/x86_64/CentOS-7-x86_64-Everything-1810.iso # CentOS-7-x86_64-LiveGNOME-1810.iso CentOS 7.6 LiveGNOME版 1G 桌面版 http://mirrors.163.com/centos/7.6.1810/isos/x86_64/CentOS-7-x86_64-LiveGNOME-1810.iso # CentOS-7-x86_64-LiveKDE-1810.iso CentOS 7.6 LiveKDE版 2G 桌面版 http://mirrors.163.com/centos/7.6.1810/isos/x86_64/CentOS-7-x86_64

Looking for a Dual Listbox with AngularJS and Bootstrap

馋奶兔 提交于 2020-08-06 07:40:11
问题 I am looking for a component like this to be included in my project: http://geodan.github.io/duallistbox/sample-100.html I want to install it with npm. The problem is that I tested some of the examples which are over there, but without success (I get exceptions, or there is no npm, only bower) These are the examples I tested. https://github.com/alexklibisz/angular-dual-multiselect-directive https://github.com/frapontillo/angular-bootstrap-duallistbox http://www.bootply.com/mRcBel7RWm Any