vue2.0快速构建项目

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue2.0快速构建项目相关的知识,希望对你有一定的参考价值。

准备工作:已经安装了nodejs,已经安装了vue-cli

$ mkdir gankbook

$ cd gankbook

$ vue init webpack-simple

按照需要写好信息,这将会写在package.json里面去的

创建完好之后运行起来

先下载npm包

$ npm install

//运行

$ npm run dev

//发布

$ npm run build

//还需要安装vue-router  vue-resource 这里用了淘宝的镜像,避免安装失败,当然前提还是你得先安装了cnpm

cnpm install vue-router vue-resource --save   

//看看目录结构

技术分享

ok,看到运行结果了

技术分享

下一节将实现一个初步的demo作为以后的项目使用基础

以上是关于vue2.0快速构建项目的主要内容,如果未能解决你的问题,请参考以下文章

简单构建 ThinkJS + Vue2.0 前后端分离的多页应用

用webpack2.0构建vue2.0超详细精简版

用webpack2.0构建vue2.0单文件组件超级详细精简实例

vue2.0构建单页应用最佳实战

vue2.0 构建单页应用最佳实战

vue2.0入门