如何用vue-cli3创建项目(vue-cli 3.8.4)
Step1 安装vue-cli:
cnpm install -g @vue/cli
Step2 查看vue-cli版本:
vue -V
Step3 用vue-cli快速创建一个项目:
vue create vuex
(now I use the default setting)
Step4 开发运行:
npm run serve
Step5 打包:
npm run build
Step6 发现打包后的index.html中引入的js和css资源的路径不对,需要配置 ,配置方法:
1.在项目根目录下创建文件vue.config.js
2.vue.config.js文件内容如下:
// - - - start - - -
module.exports = {
publicPath: './'
}
// - - - end - - -
3.重新打包,则发现问题已解决

本文详细介绍了如何使用Vue CLI 3.8.4版本从零开始创建一个Vue项目,包括安装Vue CLI、创建项目、运行开发服务器、打包部署等步骤,并提供了配置打包后资源路径的方法。
6088

被折叠的 条评论
为什么被折叠?



