美文网首页
vue脚手架生成项目直接本地运行

vue脚手架生成项目直接本地运行

作者: 沉默的鱼fish | 来源:发表于2017-11-24 09:43 被阅读0次
平时,开发运行效果直接"npm run dev",最后肯定是发布到服务器上或者移动端。服务器运行不说了,主要说一下“本地运行”。
通过webpack发布出来后,发现直接点击dist文件下“index.html”没有效果,这是因为html内容script标签和css标签引用路径不对造成的,手动将相关资源路径前面的“/”去掉,可以查看运行效果,为了以后及时部署、查看效果方便。所以,将打包工具中的config文件下index.js脚本内容 “assetsPublicPath: '/'''属性去掉“/”。

相关文章

  • vue脚手架生成项目直接本地运行

  • vue 动态加载图片路径

    在用vue-cli脚手架生成的vue项目开发中,动态加载图片本地运行没有问题,但是打包后图片无法显示,图片路径40...

  • Vue脚手架Element-UI

    Vue脚手架 Vue脚手架可以快速生成Vue项目基础的架构。A.安装3.x版本的Vue脚手架:npm instal...

  • 模仿vue-cli,手写一个脚手架

    vue-cli 在vue的开发的过程中,经常会使用到vue-cli脚手架工具去生成一个项目。在终端运行命令vue ...

  • Vue脚手架

    5.1 介绍并安装3.x版本的vue脚手架 脚手架基本用法介绍Vue脚手架: 用于快速生成 Vue 项目基础架构理...

  • 08.vue2.0-vue-cli

    Vue 脚手架的基本用法 Vue 脚手架用于快速生成 Vue 项目基础架构,其官网地址为:https://cli....

  • Vue脚手架

    一:简介Vue脚手架用于快速的生成Vue项目的基础架构安装3.x版本的脚手架 vue-cli创建项目详细[http...

  • Vue-cli3脚手架 (使用图解)

    ✍目录总览: 1. Vue 脚手架的基本用法 Vue 脚手架用于快速生成 Vue 项目基础架构,其官网地址为:ht...

  • Vue cli2和cli3 区别

    一、生成项目命令 1、安装3.x版本的Vue脚手架: 创建Vue项目命令: 或基于ui界面创建Vue项目,命令:v...

  • 关于Vue打包的一个要注意的地方

    我们用vue-cli(脚手架)自动生成项目,然后用webpack来打包,往往会遇到这种问题: 1、直接根据READ...

网友评论

      本文标题:vue脚手架生成项目直接本地运行

      本文链接:https://www.haomeiwen.com/subject/oudxbxtx.html