用vue-cli快速生成vue项目

梦想与她 提交于 2019-12-07 16:26:24

一、全局安装webpack

npm install webpack -g

二、安装node

三、全局安装vue-cli

npm install vue-cli -g

四、生成项目 

vue init webpack project_name

五、安装依赖模块 

在项目文件夹内打开cmd

npm install

六、开发环境运行

npm run dev

七、配置篇

1、开发环境编译后自动打开浏览器

修改confog/index.js里面的autoOpenBrowser为true。 

2、打包后空白问题修复

 修改confog/index.js里面的build对象中的assetsPublicPath为./。 

 

3、打包后图片路径问题

 在build/utils.js里面的fallback后面添加publicPath: '../../'。 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!