参考：vue-cli
1.npm run dev
执行这条命令后，在浏览器输入localhost:8080,即可看到欢迎页面：
欢迎页面2.npm run build
执行这条命令后，会生成静态文件，在根目录的dist里，里面有个index.html，这是我们可以再服务器的指定路径访问欢迎页面了，但是build之前需要将config文件下的index.js中build对象里的assetsPublicPath: '/'改成assetsPublicPath: './'（加一个.）,这样build之后，打开dist文件中的index.html才能正常访问。
config/index.js
3.开发环境切勿修改 assetsPublicPath: '/'
上一条为了在生产环境看到页面，我们修改了config下的index.js中的assetsPublicPath，但如果是在开发环境，一定不要加上那个点，否则会导致路由报错看不到页面。
404
使用 vue-cli 脚手架搭建项目：vue-cli是官方发布的 vue.js 项目脚手架，快速搭建 vue 项目...
本文主要内容基于 vue-cli 快速搭建 Vue 3.0 项目 快速搭建 Vue 3.0 项目 版本 升级vue...
使用vue-cli快速搭建项目 winpty vue.cmd create hello-world 选择 vue3...
1、快速搭建Vue-CLI： - -> 注意项目命名：vue-text,不能使用小驼峰形式； ...
我们在使用vue-cli搭建vuejs项目(Vuejs实例-01使用vue-cli脚手架搭建Vue.js项目)的时...
vue项目搭建 vue项目快速搭建工具——vue-cli vue-cli是基于node环境的一个命令行工具。也就是...
使用 vue-cli 搭建项目 vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可...
Vue-cli入门教程 vue-cli是官方发布vue.js项目脚手架，使用vue-cli可以快速创建vue项目 ...
使用 vue-cli 搭建项目 目录结构及其对应作用 通过vue-cli搭建一个vue项目，会自动生成一系列文件，...
使用vue-cli，能快速构建大型vue项目。vue-cli自带了webpack的各种配置。
本文标题：使用vue-cli快速搭建vue项目
本文链接：https://www.haomeiwen.com/subject/uqjwkxtx.html
网友评论