摘要: webpack依赖于node,为了可以正靠运行,必须依赖node环境.node环境为了可以真正的执行很多代码,必须其中包含各种依赖的包npm工县(node packages manager)所以在进行webpack安装之前,首先要安装node运行环境。 关于node的安装请参照博客的以下页面 htt 阅读全文
posted @ 2019-12-11 10:20 明奴 阅读(687) 评论(0) 推荐(0) 编辑
摘要: webpack安装大于4.x版本(没有配置webpack.config.js)webpack 输出参数-o 高版本 如果安装的webpack版本大于4+,还需要安装webpack-cli.在没有配置webpack.config.js之前,还需要配置输出参数webpack ./src/main.js ./dist/bundle.js //没有配置输出参数 -o/没有配置输出参数 -oWAR... 阅读全文
posted @ 2019-12-10 20:12 明奴 阅读(1504) 评论(0) 推荐(0) 编辑
摘要: webpack安装低于4版本(没有配置webpack.config.js) webpack 无需配置输出参数-o 低版本 1.初始化项目 npm init -y 初始化项目 2.安装webpack@3.6.0版本 npm i webpack@3.6.0 -g 安装webpack@3.6.0版本 3. 阅读全文
posted @ 2019-12-10 20:11 明奴 阅读(1319) 评论(0) 推荐(0) 编辑
摘要: 什么是webpack以及为什么使用它新建 模板 小书匠 在ES6之前,我们要想进行模块化开发,就必须借助于其他的工具。因为开发时用的是高级语法开发,效率非常高,但很可惜的是,浏览器未必会支持或认识这些语法,此时需要使用打包工具进行转化变换,并处理好各模块间的依赖关系,最后将其进行整合打包。webpack就是其中一个佼佼者,其核心在于让我们可能进行模块化开发,并且会帮助我们处理模块间的依赖关系。不... 阅读全文
posted @ 2019-12-10 20:09 明奴 阅读(1368) 评论(0) 推荐(0) 编辑
摘要: 所有的JavaScript项目都是在终端输入npm init -y进行项目初始化,如果要自定义项目规则,去掉 -y 参数。vscode终端快捷键ctrl+`初始化运行上述命令后,项目内会新建一个package.json文件,打开该文件如下:package.jsonpackage.json文件内部就是一个JSON对象,该对象的每一个成员就是当前项目的一项设置。比如name就是项目名称,versio... 阅读全文
posted @ 2019-12-10 10:51 明奴 阅读(398) 评论(0) 推荐(0) 编辑
摘要: webpack前置知识1(模块化开发)新建 模板 小书匠 在开始对模块化开发进行讲解之前,我们需要有这么一个认识,即在没有过多第三方干扰时,成本低收益高的事物更容易获得推广和信赖。模块化开发就是这样的事物,它具有以下优点1.开发效率高1.1各模块并行开发1.2复用性高2.可维护性高上面的文字生涩难懂,到底什么是模块化开发?我们知道一个成熟稳健的社会,模块化是必然的,即社会分工是明确的。最初的网页... 阅读全文
posted @ 2019-12-10 10:50 明奴 阅读(273) 评论(0) 推荐(0) 编辑
摘要: vue模板快速生成vue 模板 快速生成 每一次都手动敲重复代码的话,是一个很繁琐的事情,通过vscode自带代码片段可以解决我们大部分问题 文件 => 首选项 => 用户代码片段=>选择H5.json 代码片段 { "VUE": { "prefix": "vue", // 触发的关键字 输入vue 阅读全文
posted @ 2019-11-26 21:06 明奴 阅读(6912) 评论(1) 推荐(1) 编辑
摘要: 下载vuejs,Hello Vue(vscode)Hello Vue 下载使用vue.js 动图演示 Vue的基本使用步骤 传送门:https://cn.vuejs.org/v2/guide/installation.html 1.如果一开始仅仅是熟悉vue语法,没必要搭建大型vue的框架,下载vu 阅读全文
posted @ 2019-11-26 20:27 明奴 阅读(1631) 评论(0) 推荐(0) 编辑
摘要: node.js运行配置(vs code非控制台输出) node 配置 简化 vs code 是非常强大的编译器,皆因它有有各种各样好用的插件。 在没有安装code runner插件之前,想要执行node.js代码,需要在【命令行提示符】内进行盘符跳转,找到该文件后才能执行。 1.启动【命令行提示符】 阅读全文
posted @ 2019-10-22 21:28 明奴 阅读(2636) 评论(1) 推荐(1) 编辑
摘要: node.js环境配置(windows系统) node javasript vscode node是javascript的管理工具,所以开发javasript项目都要下载安装和配置node. 传送门:https://nodejs.org/en/ 1.百度node.js,在弹出的搜索结果点击选择如下图 阅读全文
posted @ 2019-10-22 21:13 明奴 阅读(482) 评论(0) 推荐(0) 编辑