返回首页 | 注册送体验金88送现金

合作共赢、快速高效、优质的网站建设提供商

更多精品源码-尽在织梦模板-www.moke8.com

网站开发Vue2.0怎么发布项目实战

时间:2017-08-18 编辑:admin

我好,这节我们们首要解说注册送体验金88送现金项目的发布,其实很简略,没有我想的那么杂乱,详细如下操作。

一、创立VUE项目

首要我们们需求创立VUE项目,创立项目的代码如下:

# 大局装置 vue-cli
$ npm install --global vue-cli
# 创立一个根据 webpack 模板的新项目
$ vue init webpack my-project
# 装置依靠,走你
$ cd my-project
$ npm install
$ npm run dev

项目截图如下:

项目截图

二、项目打包

在打包之前需求修正一个当地,那就是config- index.php文件,修正assetsPublicPath: '/'为assetsPublicPath: './',截图如下:

index.php文件

//上面文件改好后,开端打包,履行如下指令:
npm run build

打包后,项目目录下会生成dist文件夹,这就是我们们的全体项目。如图所示:

dist文件夹

三、发布

最终一步就简略了,直接把 dist 目录丢到服务器就可以了,是不是很简略。


浏览:

网站建设

流程

    网站建设流程