使用vue.cmd create hello-world创建项目的选择项

第一步:
在这里插入图片描述
选择第二项Manually手动选择特性

第二步
在这里插入图片描述
选择Babel / Router / Vuex / Linter/Formatter
整体选项如下
在这里插入图片描述
选择完成后回车根据提示进行下一步操作
在这里插入图片描述
执行完这些后我们另外打开一个命令行窗口运行npm run build会发现目录下多出个dist目录,但是目录中的index.html并不能正常运行,因为引入的js/css文件路径都不对;
为了能让他正常运行,我们需要在项目的根目录下创建vue.config.js
vue.config.js配置如下

module.exports = {
    baseUrl:process.env.NODE_ENV === 'production'?'./':'/'
}

我们在版本发布的时候还要做修改

猜你喜欢

转载自blog.csdn.net/weixin_43756060/article/details/88558623
今日推荐