Vue Learn

A Vue.js2.0 project with Bootstrap which integrated the vue official online examples to components and some components build by myself to anyone who interested in .

Components

• Alert 组件
• Modal 组件
• Table 组件
• Carousel 组件
• Loading 组件
• Login 组件
• Error 组件

Dev Environment

npm install

npm run dev

The initial access path：

you can click the nav '案例：Examples' and choice 'TableHome' to jump to another project 'tablehome.html'.

Prod Environment

npm install

npm run build

Please take the published content to the local server IIS or on another server you like ,

and then the initial access path ：(serverIP)/officialdemo.html

Build Setup

# 安装vue-cli
npm install -g vue-cli

# 使用vue-cli初始化项目
vue init webpack my-project

# 进入到目录
cd my-project

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# run unit tests
npm run unit

# run e2e tests
npm run e2e

# run all tests
npm test

多页面配置

webpack.base.conf.js 配置：

其中入口entry修改成如下：

webpack.dev.conf.js 配置：

webpack.prod.conf.js 配置：

markdown配置

详见：build\webpack.markdown.js 主要使用的插件：markdown-it

Welcome guidance ！！