npm

在上篇文章 《2021新年 Vue3.0 + Element UI 尝鲜小记》 里，我们尝试使用了 Vue CLI 创建 Vue 3 + Element UI 的项目，而 Vue CLI 实际上为我们生成了一个我们熟悉的 Webpack 工程项目。 Webpack 无需过多介绍，一个十分强大的打包工具。但 Webpack 也有不足的地方，比如第一次打包需要很长时间，修改代码之后的热更新速度较慢。 随着 Vue 3 一起推出的还有一个强大的新一代打包工具 Vite, 一个面向现代浏览器，基于原生模块系统 ESModule 实现了按需编译的 Web 开发构建工具，恰恰就解决了上述 Webpack 的痛点。Vite 主要的优势有三点： 快速冷启动服务器 即时热模块更换（HMR） 真正的按需编译 听上去就很不错，立刻上手尝试一下。 初始化 Vite 项目 使用 npm init @vitejs/app my-vue-app --template vue 命令快速生成一个使用 Vite 构建的 Vue 3 项目模版。 运行 npm run dev 即可把项目跑起来，进入开发模式。项目冷启动速度非常快，不到 1 秒钟，浏览器里就已经出现项目预览了。项目冷启动只用了 382ms ，真香。 引入 Element Plus UI 组件库 开发项目，首先要挑选一个 UI 组件库。目前市面上支持 Vue

课程大纲： https://miaov.com/index.php/news/newsDetail/nid/263 原文件 Npm 基本使用 切换镜像, 国内的网络访问 npm 服务器可能比较慢, 切换到国内的镜像会更快 安装卸载, 使用 npm 快速安装和卸载项目依赖, 同时也可以把项目依赖声明在 package.json 文件里 运行命令, 在 package.json 的 script 字段里面, 你可以声明一些和项目相关的自定义命令, 这样可以快速对项目进行一些相应的操作 webpack 模块打包器, 除了分析 js 模块依赖, 配合相应的 loader 还可以对你的资源依赖进行分析和打包 loader 相关, 在引入模块前, loader 会先预处理一下模块的内容 babel-loader 处理 js 模块, 配合不同的 babel 插件可以编译不同内容 css, style-loader 引入 css, 如果你要引入 css, 应该先让 css-loader 介入处理 file-loader 加载资源文件, css-loader 会帮你引入一些图片或者你会在 js 里面引入一些资源依赖, 这个时候需要你把这些路径和资源交给 file-loader 处理. plugin 相关, 插件会做一些 loader 做不来的事情, 它可能会在构建的不同时间点起作用 html

简介： 消灭企业安全体系中“隐秘的角落” ———— APT攻击愈演愈烈，与SolarWinds相关的安全反思已持续半月，阿里云安全带来了面向供应链攻击特征属性的全面攻防观察，以飨从业者。 ———— 后期精彩的APT内网对抗往往依赖于「先从外部撕开」一道口子，对于黑客而言， 脆弱的供应链无异于一块「新大陆」，成为击穿「关键基础设施」的最佳切入点。 应用开发方式变革引入供应链风险 随着企业上云，传统的网络边界正在逐渐消失，尤其是突如其来的疫情，更是让几乎所有企业都不得不进行远程办公，员工开始从家庭网络、咖啡厅与企业网络建立连接， 企业的IT架构正在从「有边界」向「无限边界」发生转变。 受益于开源软件与成熟的三方产品和服务（COTS）的优势，国内互联网、金融行业快速发展。在COTS模式下，企业可以快速采购到能够满足当前业务需要的生产工具、软件或硬件产品，从而节省成本和时间。 开源软件的蓬勃发展改变了应用开发形态，现代应用的开发人员不再首选自研，而是会看当前业界是否已有成熟的框架或解决方案。 Synopsys公司发布的《2020年开源安全和风险分析OSSRA报告》中指出，当前超过90%的现代应用融入了开源组件，平均每个应用包含超过124个开源组件，其中49%的开源组件存在高危漏洞。 从政府服务到金融机构每个组织都依靠软件来为客户提供服务。嵌入式软件不再仅仅局限于计算机

即构直播助手是微信官方认证的微信小程序插件，可为开发者提供便捷、强大的微信小程序音视频直播服务，让你快速实现小程序直播、多人连麦互动等功能。下面一起来看看，如何快速接入即构小程序直播插件。 一、准备环境 请确保开发环境满足以下技术要求： 已安装微信开发者工具 使用微信小程序基础库 2.3.0 及以上版本（否则不支持音视频播放、录制组件） 二、集成SDK 集成即构小程序SDK有两种方法，大家可以任选一种： 方法一：从即构官网下载 1. 点击这里下载SDK 2.将下载下来的文件包解压缩后拷贝到小程序项目所在文件夹下。 3.使用 require 将 SDK 集成到项目中即可： <script src="ZegoExpressWebRTC-x.x.x.js"></script> 注意：require需填写项目中 SDK 的实际文件路径。 方法二：使用npm获取 SDK 1.在终端运行安装命令 npm i miniprogram-zego 2.在开发者工具菜单栏中选择“工具 > 构建 npm”，并勾选“使用 npm 模块”选项。 3.在项目中添加如下代码： let { ZegoExpressEngine } = require("zego-express-engine-miniprogram"); // 以npm的方式引用 三、集成小程序直播插件 1.申请插件 登录微信小程序后台，在“设置

前戏 在之前我们使用webpack进行打包的时候，webpack.config.js配置都是我们自己手写的。而Vue-CLI是官方提供的，用来搭建项目脚手架的工具，它是vue.js开发的标准工具，它已经集成了webpack，内置好了很多常用配置，使得我们在使用vue开发项目时更加的标准化。 官方文档：https://cli.vuejs.org/zh/ 安装 Vue-CLI需要node.js 8.9以上的版本 全局安装 Vue-CLI npm install -g @vue/cli 安装成功后，在命令行可以使用 vue 命令，比如查看当前安装的版本： vue -- version # 或者 大写V vue -V 如果执行上面后，命令行提示 'vue' 不是内部或外部命令 解决方法：配置环境变量 1. 查看全局安装目录 nmp root -g 2. 在 我的电脑 进入全局安装目录下，找到 vue.cmd 3. 右键计算机，属性—》高级系统设置—》环境变量，将 vue.cmd 所在的路径加入环境变量，点击“确定” 使用Vue-CLI创建项目 运行 vue create 命令来创建一个新项目，在哪个目录下执行就会生成在哪个目录下 vue create 项目名称 执行后会让你选择，第一个是默认项目，第二个是自定义项目 创建默认项目 会提示选择默认（ default ）还是手动（

Vue CLI3--运行单个 *.vue 文件 1. 安装全局扩展 npm install -g @vue/cli-service-global 2. 运行.vue文件 vue serve 文件夹名 注意: 如果已经安装过可以直接运行 vue serve 文件夹 运行时, 会自动生成一个 node_modules 文件夹 Vue官方api JSON.parse(JSON.stringify(row)) JSON.parse('要转换的数据') JSON.stringify('要转化的数据') 俩个方法的用法差别: ①.JSON.stringify是从一个对象中解析出字符串 ②.JSON.parse是从一个字符串中解析出json(键值对) 主要用来解决: 　　俩个地方同时调用一个数据 (v-model) 产生的变化 ( 相当于深拷贝 ) 数据可视化 D3.js 想要修改vue项目自动开启浏览器 在config下的 index.js里的 module.exprots里的 dev项 修改 module.exports = { dev: { host: 'localhost', // 可以被process.env.HOST覆盖 port: 3000, // 配置端口号 默认8080 autoOpenBrowser: true, // 是否自动打开浏览器 errorOverlay: true

安装 安装：npm i -D babel-core babel-loader babel-plugin-transform-runtime 安装：npm i -D babel-preset-es2015 babel-preset-stage-0 安装：npm i -S babel-runtime 说明： babel-core 把 js 代码分析成 ast (抽象语法树, 是源代码的抽象语法结构的树状表现形式)，方便各个插件分析语法进行相应的处理。有些新语法在低版本 js 中是不存在的，如箭头函数，rest 参数，函数默认值等，这种语言层面的不兼容只能通过将代码转为 ast，再通过 语法转换器 分析其语法后转为低版本 js。 babel-preset-* babel-plugin-* 代表了一系列的转码插件 有了 babel-plugin 系列，可以按需配置自己想要的特性，若是想搭个 es6 环境，一个个地配置各个插件，我猜你会疯掉。babel-preset 系列就可以满足我们的需求，babel-preset 系列打包了一组插件，类似于餐厅的套餐。如 babel-preset-es2015 打包了 es6 的特性，babel-preset-stage-0 打包处于 strawman 阶段的语法 babel-runtime babel-runtime 在代码中中直接引入 helper

Apache Cordova 是一个免费且开源的移动开发框架。允许你用标准的web技术-HTML5,CSS3和JavaScript做跨平台开发，将写好的网页程序封装成app应用。一个偶然的机会帮助表妹做毕业设计，学习了如何应用该框架制作简单的应用。先记录下，方便日后机会翻阅。 一、安装必要的工具 1、安装Node环境然后通过Node安装Cordova 2、Java JDk环境 3、Android的SDK 二、安装环境 1、安装NodeJs，到NodeJs官方网站http://nodejs.org下载安装。安装完成之后可以用 npm命令安装cordova npm install -g cordova 安装完成输入cordova -v显示下图表明安装完成 2、安装java JDK环境这里不再单独说明。 3、安装Andorid的sdk(但是打开andorid的官网不好找sdk，官方推荐是按照Android Studio)安装Android Studio之后 打开打开android studio 点击file/settings/appearance&behavior/system settings/android SDK 在这里可以看到你的SDK地址 把它复制下来如图所示 打开我的电脑--属性--高级--环境变量 新建系统变量ANDROID_HOME，变量名：ANDROID_HOME