安装cli
首先下载node,
npm install -g webpack 下载打包工具
npm install -g vue-cli 下载vue脚手架
在要生产项目的打开cmd
vue init webpack 项目名 生成vue脚手架
组件的使用
在components的文件里写vue文件。
先import引用组件,
在export中components注册组件,
最后在使用组件
路由
在index文件中将写好的组件注册全局路由,
路由的使用的https://blog.csdn.net/kuangshp128/article/details/77280799
webpack打包显示空白页问题;
1.修改index文件中build的assetsPublicPath:“/” 改为‘./’
2.build/webpack.prod.conf.js设置里output添加publicPath:’./’
3.https://jingyan.baidu.com/article/676629979b139054d51b841e.html
图中对应的位置添加publicPath
vue2.0 cli 安装,打包空白页问题,路由,组件的使用
最新推荐文章于 2020-01-21 12:23:19 发布