Vue2+VueRouter2+webpack 构建项目实战（六）修复代码并通过验证，另发布代码

Vue2+VueRouter2+webpack 构建项目实战（六）修复代码并通过验证，另发布代码

前言

去年11月份写了一系列教程。但是当时的代码并不能通过验证。我现在已经完全适应了这种能够通过验证的编码规范，并且写了一篇博文，如何Atom 编辑器安装 linter-eslint 插件，并配置使其支持 vue 文件中的 js 格式校验。让自己的编辑器可以随时提醒自己代码的规范格式。

另外，有人给我留言，说代码写好了如何进行发布。因此，今天追加这篇博文，简单讲一下，我们的代码如何进行发布。

关注我无错误的 github

到 github clone 我的最新代码即可 https://github.com/fengcms/vuedemo

发布我们的代码

这里打开终端，我们进入到项目文件夹，如下图所示：



进入终端后，我们执行下面的命令

npm run build

1
1



执行命令后，会输出如上的样子。打包过程可能需要一会儿，根据你的项目的大小以及你的电脑配置情况。耐心等待即可。

然后，在我们的项目中，就生成了一个 

disk

的文件夹。这个文件夹里面有一个 

index.html

 文件和 

static

 的资源目录。如下图所示：



这些文件就是打包生成的文件。在 

static

文件夹中，如下图所示，会根据不同的文件类型，分别是 

css

、

js

 文件夹。另外，在我们项目的根目录中的 

static

 中的文件，也会复制到这里的。我这个测试项目里面是空的，所以没有文件。



基本上就是这样的情况了，我们把这些代码放到其他的服务器上，就可以正常的访问了。

注意

直接打开

index.html

是无法正常访问的，这些文件必须在服务器环境下，如 

apache

 下面才能正常访问。另外，文件必须在服务器根目录中才能正常访问。不能放在子目录中。

回头我抽时间再写一篇教程，说一下如何打包在子目录里面吧。

版权申明：本文由FungLeo原创，允许转载，但转载必须附注首发链接。谢谢。