近期根据学校要求在实习……但是空闲时间还挺多的,公司用的是vue-cli和webpack等技术,以前没接触过,恶补了一通后手痒,想试试自己能不能写个小项目,写博客主要是想记录下过程,说不定以后还能翻出来看看:当年写的是什么垃圾代码!
安装和搭建vue-cli脚手架
公司的电脑是已经装好的,在自己电脑上也装了一遍,先下visual studio code,然后使用npm命令,具体过程就不放了,网上搜的有很多,我自己搜来搜去最后也装好了,最后安装完是这样的:
main.js和App.vue
main.js是整个程序的入口页面,在这里可以引入要使用的东西,还有加载全局变量及公共组件。比如我会在项目中使用iView,就可以在下载完iView后加上Vue.use(iView),此外还有Vue的路由跳转。Vue.config.productionTip = false是阻止生产提示,设为false。
App.vue最初是这样的: