npm

入门 Vue.js 首先需要从最基础的知识学起，比如 Vue.js 的概念、作用、特点等等。只有对 Vue.js 有一个大致的初步了解，我们才能明白为什么掌握它如此重要。下面一起来具体看看入门 Vue.js.js 要学习哪些知识吧！ 1 、 Vue.js 是干什么的？ （ 1 ） Vue.js 的产生 在目前这个互联网高速发展的社会，每天都会出现和消失无数的应用，一个网站会因为节日活动或其它原因频繁更改样式，要想持续的发展下去，产品的用户体验是基本中的基本。如果你用手机浏览器打开过一些网页的话，你会发现发现网页和原生 app 之间的一些区别。网页的优势是不用安装，随用随走等；劣势是网页加载的时候会出现空白页面，一些动画效果明显有卡顿的感觉，页面与页面之间跳转因为加载网页数据的原因也会出现短暂空白页面的情况等。 总的来讲，网页与原生 app 做对比，几乎只有不用安装一个优势，其他方面的用户体验明显不如原生 app 。在这种情况下， Vue.js 等一系列 前端 开发框架应运而生。可以这么说， Vue.js 等前端框架的流行是历史的必然，要想成为一名优秀的开发者，入门 学习前端开发 框架是必须的。 （ 2 ） Vue.js 的定义 对于刚开始入门学习的朋友来讲，我们首先要弄清楚 Vue.js 的定义这一基础知识。 Vue.js 的官方文档解释说，它是一套用于构建用户界面的渐进式框架

问题 最近在macOS Catalina中使用npm安装模块，经常会出现如下错误： > node-gyp rebuild No receipt for 'com.apple.pkg.CLTools_Executables' found at '/' . No receipt for 'com.apple.pkg.DeveloperToolsCLILeo' found at '/' . No receipt for 'com.apple.pkg.DeveloperToolsCLI' found at '/' . gyp: No Xcode or CLT version detected! gyp ERR! configure error gyp ERR! stack Error: `gyp` failed with exit code: 1 gyp ERR! stack at ChildProcess.onCpExit (/usr/ local /lib/node_modules/npm/node_modules/node-gyp/lib/configure.js:351:16) gyp ERR! stack at ChildProcess.emit (events.js:210:5) gyp ERR! stack at Process.ChildProcess._handle

如果使用中文webpack文档做代码分离，会有报错，报错详情是： Error : webpack .optimize .CommonsChunkPlugin has been removed , please use config .optimization .splitChunks instead . 解决办法可以参考官方英文文档：https://webpack.js.org/guides/code-splitting/ 具体实现如下：如下optimization配置 module.exports = { entry : { app : "./src/index.js", another : './src/another-module.js' }, plugins : [ new HtmlWebpackPlugin ({ title : "code Splitting " }), ], optimization : { splitChunks : { chunks : 'all' } }, output : { filename : "[name].bundle.js", path : path.resolve (__dirname, 'dist') }, }; 然后执行npm run build，运行结果如下： 在这里生成了一个名字为 vendors~another

点击上方“ 逆锋起笔 ”， 公众号回复 PDF 领取大佬们推荐的学习资料 作者 | Mahdhi Rezvi 译者 | 王强 策划 | 李俊辰 这篇文章列举了一些技巧，可帮助你写出更好的 JavaScript 代码，从而提高性能。 本文最初发布于 Medium 网站，经原作者授权由 InfoQ 中文站翻译并分享。 JavaScript 已经成为有史以来最受欢迎的编程语言之一。从 W3Tech 的数据来看，全世界将近 96％的网站都在使用它。关于 Web 有一个关键的事实是，你无法控制访问网站的用户所用设备。当用户访问你的网站时，使用的可能是高端设备也可能是低端设备，网络连接条件也有好有差。这意味着你必须尽可能优化自己的网站，以满足任何用户的需求。 附带提一下，请共享和重用你的 JS 组件，以在高质量代码（写起来需要花费时间）和合理的交付时间之间保持适当的平衡。你可以使用 Bit 等流行工具将任何项目中的组件（普通 JS、TS、React、Vue 等）共享到 Bit 的组件中心，用不了多大功夫。 1、删除未使用的代码和功能 你的应用程序包含的代码越多，就需要将更多的数据传输到客户端。浏览器也需要更多时间来分析和解释代码。 有时，你可能打包了很多根本用不到的功能。最好只在开发环境中保留这些额外的代码，而不要将其推送到生产环境中，以免给客户端的浏览器增加负担。 要不断问自己

vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目，GitHub地址是：https://github.com/vuejs/vue-cli vue/cli 3.x 已经发布，如果使用 3.x 构建项目，请参考《Vue 爬坑之路（十二）—— vue-cli 3.x 搭建项目》 一、 安装 node.js 首先需要安装node环境，可以直接到中文官网http://nodejs.cn/下载安装包。 只是这样安装的 node 是固定版本的，如果需要多版本的 node，可以使用 nvm 安装http://blog.csdn.net/s8460049/article/details/52396399 安装完成后，可以命令行工具中输入 node -v 和 npm -v，如果能显示出版本号，就说明安装成功。 二、安装 vue-cli 安装好了 node，我们可以直接全局安装 vue-cli： npm install -g vue-cli 但是这种安装方式比较慢，推荐使用国内镜像来安装，所以我们先设置 cnpm： npm install -g cnpm --registry=https://registry.npm.taobao.org 如果安装失败，可以使用 npm cache clean 清理缓存，然后再重新安装。后面的安装过程中

npm i -g windows-build-tools安装出错解决方法 参考文章： （1）npm i -g windows-build-tools安装出错解决方法 （2）https://www.cnblogs.com/heamin/p/10887437.html 备忘一下。 来源： oschina 链接： https://my.oschina.net/u/4428122/blog/4882445