解决 webpack-dev-server 不能使用 IP 访问
note
webpack-dev-server 不能使用 IP 访问
webpack-dev-server 不能使用 IP 访问
最终方式不是最好的方式,甚至是有开发好的插件 ,再次说这个内容只是体现一个对问题的思考
涉及内容 console.log、生产环境和开发环境的区分、简易自定义webpack loader
项目开发过程中相信大家都使用过console.log(xxx)
在浏览器控制台中输出内容
通过它在控制台打印出来的东西会让我们安心也会让我们疑惑不解
正因为这样,它成为了我们开发过程中非常好用的调试方式,用来梳理复杂逻辑的执行顺序、监控执行步骤、查看我要获得的内容、当输出内容不在预期时可以让我们反向推导
然后用的多了难免会忘记删除,这样会被打包到生产环境中,虽然一般人也不会看但是这也是非常不合适的,因此我们怎么快速删除被遗忘的console.log(xxx)
呢?
为什么要迁移呢?看到这里肯定不用说了,肯定是由自己的需求的不然应该也不会看到这里,我就是这样,哈哈哈。那么如何将已有的Vue项目(已经有一个通过 vue-cli3 脚手架构建的 vue 项目)迁移至Typescript呢?
我们在Vue项目开发的过程中,经常会遇到这种情况:为data中的某一个对象添加一个属性,比如我们有一个student对象,我们为student对象添加一个age属性并赋值,之后我们打印这个student对象是能看到age属性和值的,但是看看视图层好像并没有更新,当我们遇到这个问题我们该如何解决呢?
使用Vue2+TypeScript实现简单的H5夹娃娃小游戏,项目实现爪子上下伸缩,娃娃从右向左循环移动,爪子下落到底部后检查是否夹中娃娃;夹中时移动的娃娃消失且爪子上显示夹中的娃娃一同上升,未夹中则空爪上升
在Vue2项目中使用TypeScript,相关配置和语法