一.复习在普通网页中使用vue1.使用script引入vue2.在index中创建 id为app的容器3.通过new vue得到vm实例二.在webpack中尝试使用vue://注意 : 在webpack中 使用 import Vue from 'vue' 导入的Vue构造函数,功能不完整,只提供了runtime-onley的方式 并没有提供想网页中那样的使用方式npm install vue -S import Vue from 'vue'// import Vue from '../node…

webpack-dev-server工具能实现自动打包编译和热更新 首先将webpack-dev-server安装到项目中 npm install webpack-dev-server -D 这时在命令行窗口中敲 webpack-dev-server 会发现 'webpack-dev-server' 不是内部或外部命令,也不是可运行的程序 或批处理文件. 这是由于该工具只是安装到本地项目中了 纳尼? 难道要全局安装一下吗??? 没必要!!!这时只需在根目录的package.json中"scrip…

vue-cli构建的项目中,生产模式下的打包路径.与生产模式下的请求代理简单示意…

一直使用chrome中内置的调试器, 感觉世界那么美好, 自从学了react之后,使用visual code作为编辑器, 它提供了很多插件, 其中就包括debugger for chrome, 一款使用内置调试器来调试浏览器中网页的插件.于是打算折腾一下试试. 踩了很多坑, 配置lanuch.json, 运行一直失败, 原因就是因为该项目是由webpack构建, 需要先启动项目, 然后再启动调试器 1. 启动项目 npm start 只有项目启动后, 配置的lanuch.json才有效!!! 2…

vue-cli 构建的项目默认是不支持 less 的,需要自己添加. 首选,安装 less 和 less-loader ,在项目目录下运行如下命令 npm install less less-loader --save-dev 当然,比起 npm,我个人更喜欢用 yarn yarn add less less-loader --dev 安装成功后,打开 build/webpack.base.conf.js ,在 module.exports = 的对象的 module.rules 后面添加一段:…

阅读目录 一:什么是SourceMap? 二:理解webpack中的SourceMap的eval,inline,sourceMap,cheap,module 三:开发环境和线上环境如何选择sourceMap? 回到顶部 一:什么是SourceMap? 我们在项目进行打包后,会将开发中的多个文件代码打包到一个文件中,并且经过压缩,去掉多余的空格,且babel编译化后,最终会用于线上环境,那么这样处理后的代码和源代码会有很大的差别,当有bug的时候,我们只能定位到压缩处理后的代码位置,无法定位到开发…

前言 公司据说要搞前后端分离,趁这两天项目完成的差不多,抓紧时间学习一下前端知识 现在流行前端项目工程化,那么第一个问题就是如何创建工程(项目),第一次玩webpack 通过 NPM 创建项目 # 创建项目 npm init -y -y 在这里是表示快速新建.使用 npm init 来初始化,终端会一步一步提示输入 name.version.description 等项目 meta 信息,通过使用 flag -y 跳过所有的 prompt,一路到底完成默认值的初始化. 完成后 NPM 会自动在目…

Maven构建的项目,默认只会把src/main/resources目录下的xml配置文件添加到编译目录. 如果需要把src/main/java目录下的xml配置文件也添加到编译目录,需要在pom.xml中添加如下配置: <build> <resources> <resource> <directory>src/main/java</directory> <includes> <include>**/*.propertie…

使用Swagger自动生成API文档,不仅增加了项目的可维护性,还提高了API的透明度更利于快速测试等工作,便于更快地发现和解决问题. 本篇文章只记录整合过程,关于Security Configuration等其他特性这里就不展开讲了,感兴趣的可以通过以下链接了解更多. 参考文档: https://howtodoinjava.com/swagger2/swagger-spring-mvc-rest-example/ http://www.baeldung.com/swagger-2-docume…

1.安装CLI命令的工具  推荐用淘宝的镜像 npm install -g @vue/cli @vue/cli-init 2.使用命令构建一个名为myapp的项目 vue init webpack myapp vue -v 可以查看版本号(V大写)----------------------------构建项目信息详解 - Project name:项目名 - Project description: 项目描述 - Author: 作者 - Vue build: - 第一种:配合大部分的开发人员…