vue 项目国际化实现，目前归纳有两种方式可以实现，一种是 vue-i18n 插件，另一种方式则是v-google-translate插件! 此教程使用的则是第二种方式，为什么选择第二种方式而不是使用第一种方式呢?第一种方式，复杂项配置，代码阅读性差，需要配置自定义语言包，将项目中可控元素进行一一替换相当难受，具体看下面有关vue-i18n相关配置教程！第二种插件是 翻译插件 ，此插件是通过谷歌翻译，将整个页面元素下的语言翻译成对应选中的语言，但是有个缺点，翻译结果可能会出现意外! github 地址 引用站外地址 vue-i18n https://github.com/search?q=vue-i18n 引用站外地址 v-google-translate h ...

vue监听vuex中数据变化的方法：可以先通过计算属性computed来获取vuex中的数据；然后通过watch来监听计算属性中值的变化，获取数据变更前后的值，并作出相应的处理。 1、在vue文件中监听vuex的数据变化1234567891011121314151617181920212223242526272829303132333435363738394041<script>import { mapGetters } from 'vuex'export default { data() { return { } }, computed: { ...mapGetters(["mapboxMap"]), mapboxMap1() { // return this.$store.state.mapbox.map; return this.mapboxMap; } }, ...

1、Node 下载地址 NodeJs 按照上述指定的node版本下载并安装，否侧版本差异会带来更多的不便! 2、Node 安装教程 NodeJs安装安装过程不在详说，按照上面的链接安装即可! 不然本地会截取大量的安装图片，占用空间! 3、环境变量配置配置环境变量，便捷在 cmd 窗口下 使用 nodejs 提供的官方命令! 4、查看是否安装成功如下图所示代表安装成功! 5、设置镜像(依赖包)仓库地址设置镜像仓库来源，默认镜像下载来源位国外仓库，下载速度较慢，可能会导致依赖包安装失败等一些错误问题，通过设置镜像仓库，将指向国内资源仓库，提高依赖下载速度! 5.1、查看仓库1npm get registry #https://registry.npmjs.org/ 5.2、设置镜像仓库1npm config set registry http://registry.npm.taobao.org/ 5.2、或者全局安装cnpm1npm install -g cnpm 6、配置依赖安装路径默认情况下，npm 依赖包安装路径 为 c盘，避免占用 c盘空间，将路径转移至其他 ...

找到nrm全局安装的位置，在nrm 全局文件下 /usr/local/lib/node_modules/nrm，打开cli.js，找到第211行的代码 把该处的 && 符改成 || 重新调用nrm use命令，如: nrm use npm ，输入nrm ls 查看，会发现星号已显示, nrm current也出现回调信息

一、查看仓库1npm get registry #https://registry.npmjs.org/ 二、设置镜像仓库1npm config set registry http://registry.npm.taobao.org/

1、描述1nrm(npm registry manager )是npm的镜像源管理工具，有时候国外资源太慢，使用这个就可以快速地在 npm 源间切换 2、安装源1npm install -g nrm 3、nrm 常用命令3.1、命令 nrm ls 显示所有源1nrm ls 3.2、添加可选源 nrm add <registry> <url>，其中reigstry为源名，url为源的路径。1nrm add baidu www.baidu.com 3.3、切换源 nrm use 源名1nrm use taobao 3.4、删除源 nrm del baidu1nrm del baidu 3.5、test 源名（测试源响应时长）1nrm test taobap 3.6、查看当前源1nrm current

1、nvmnvm是一个管理nodejs版本的工具。在实际的开发中，有些项目的开发依赖需要低版本的nodejs运行环境，此时我们就需要使用nvm来降低nodejs版本。 2、常用命令显示可下载的 node 版本部分列表1nvm list available #显示可下载的 node 版本部分列表 查看已安装的nodejs版本1nvm list 启用node.js版本管理1nvm on 禁用node.js版本管理(不卸载任何东西)1nvm off 安装node.js的命名 version是版本号 例如：nvm install 8.12.01nvm install <version> # 安装node.js的命名 version是版本号 例如：nvm install 8.12.0 使用某一version的nodejs1nvm use <version> 卸载指定版本的nodejs1nvm uninstall <version> 查看当前使用版本1nvm current 为指定的版本创建别名1nvm alias <name> <vers ...

browserslist 目标浏览器配置表插件npm地址 简书 这个配置能够分享目标浏览器和nodejs版本在不同的前端工具。这些工具能根据目标浏览器自动来进行配置。 使用方式 ==该两种方式不能共存配置，否则会影响程序启动编译错误==，推荐 package.json -package.json包管理文件下配置browserslist12345678{ "browserslist": [ "> 1%", "last 2 versions", // CanIUse.com追踪的IE最新版本为11,向后兼容两个版本即为10、11 "not ie <= 10" // IE版本在版本10以上 ]} 在根目录下创建.browserslistrc文件单独配置123> 1%last 2 versionsnot ie <= 10 参数配置描述 例子 说明 ==> 1%== 全球超过1%人使用的浏览器 ==> 5% i ...

一、compression-webpack-plugin 使用该插件可配置静态资源打包大小，进而可优化静态资源的加载速度! compression-webpack-plugin 插件地址 1、安装尽可能安装低版本插件，安装高版本，可能会引起不必要的错误! 1cnpm install compression-webpack-plugin@1.1.11 --save-dev 2、配置 文件位置 ==vue.config.js== 2.1 引入插件实例1const CompressionPlugin = require('compression-webpack-plugin'); 2.2 配置压缩文件类型1const productionGzipExtensions = ['js', 'css', 'img']; //压缩的文件类型 2.3 插件实例配置选项1234567891011121314151617configureWebpack: { plugins: [ new Co ...

一. webpack-bundle-analyzer 使用此插件可查看项目打包时，每个插件所占用的空间大小! 1.安装1cnpm install webpack-bundle-analyzer --save-dev 2.引用文件位置 ==vue.config.js==1const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;1234567module.exports = { configureWebpack: { plugins: [ new BundleAnalyzerPlugin() ] }} 3.打包文件位置 ==package.json==, 在打包命令后，加入 ==--report==12345"scripts": { "dev": "vue-cli-service serve& ...