什么是vue cli

大家好，我是IT修真院郑州分院第8期学员，一枚正直善良的web程序员。

今天给大家分享一下，修真院官网JS-8任务中可能会使用到的知识点：

es6新特性

1.背景介绍

Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是， Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。 另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。

2.知识剖析

Vue CLI是一个用于快速Vue.js开发的完整系统，用于自动生成vue.js+webpack的项目模板

3 常见问题

如何基于vue-cli快速构建项目？

4 解决方案            

vue-cli改版 3.0betaUI界面初体验

https://juejin.im/post/5b445c6b5188251b110957d6

5.编码实战

PPT

https://it-xzy.github.io/WEB-NEW/2018.7.16D-JS12.html

视频

https://v.qq.com/x/page/w0724cqp7vy.html

6.扩展思考
 

7.参考文献

vue cli

鸣谢

感谢大家观看

制作人：高昕

8 更多讨论

 

1.vue cli 3.x版本的配置问价在哪里？

 

项目会生成一个叫vue.config.js的文件夹，就在这个里面配置东西。

2.vue cli 3.x版本的配置具体都是什么？

 

outputDir: undefined,
assetsDir: undefined,
runtimeCompiler: true,
productionSourceMap: false,
parallel: undefined,
css: undefined,
lintOnSave: undefined,
baseUrl: './'

附上官方文档

https://github.com/vuejs/vue-cli/tree/dev/docs/config

 

3.vue cli 3.x版本如何配置跨域？

devServer: {
  // proxy: 'http://47.98.143.242:8083', // 配置跨域处理,只有一个代理
  proxy: {
    '/goddess-app-ajax': {
      target: 'http://47.98.143.242:8083',
      changeOrigin: true,
      pathRewrite: {
        '^/goddess-app-ajax': ''
      }
    }
  }
},

今天的分享就到这里啦，欢迎大家点赞、转发、留言、拍砖~

技能树-IT修真院

IT修真院是一个免费的线上IT技术学习平台 。

每个职业以15个左右的task为初学者提供更快速高效的学习方式 ；

所有task均是从真实项目中提炼出来的技能点，

强调实战演练+自学优先+师兄辅导的学习方式，

严格的日报体系，欢乐的交流讨论学习气氛，更有无数师兄师姐帮你解疑！

点击官网注册 官网，使用师兄邀请链接有优惠。