https://github.com/chans-open-source/optimize-vue-cli

基于 vue-cli 3.0 构建的快速开发框架的脚手架
https://github.com/chans-open-source/optimize-vue-cli

mit-license vue vuecli3

Last synced: 5 months ago
JSON representation

基于 vue-cli 3.0 构建的快速开发框架的脚手架

• Host: GitHub
• URL: https://github.com/chans-open-source/optimize-vue-cli
• Owner: chans-open-source
• License: other
• Created: 2018-12-24T08:51:39.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2019-04-15T10:14:56.000Z (about 7 years ago)
• Last Synced: 2025-10-31T13:06:42.265Z (8 months ago)
• Topics: mit-license, vue, vuecli3
• Language: JavaScript
• Size: 30.3 KB
• Stars: 5
• Watchers: 1
• Forks: 5
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# optimize-vue-cli 脚手架

[![LICENSE](https://img.shields.io/badge/license-MIT%20996-blue.svg)](https://github.com/Chans-Open-Source/optimize-vue-cli/blob/master/LICENSE)

* This is a multi-page project tool based on @vue/cli 3.0. Can quickly create projects, modules (pages), components. Modules (pages) created using this tool are accessible without additional configuration.

* The development tool will receive long-term maintenance and is expected to be updated to 3.0 by vue. Js.

* 这是一个基于@vue/cli 3.0构建的多页面项目工具。可快速创建项目、模块（页面）、组件。使用该工具创建的模块（页面）无需额外配置即可访问。

* 该开发工具将获得长期维护，预期至vue.js更新至3.0。

![NPM version](https://img.shields.io/npm/v/optimize-vue-cli.svg)

![NPM download](https://img.shields.io/npm/dm/optimize-vue-cli.svg)

![NPM download](https://img.shields.io/npm/dw/optimize-vue-cli.svg)

![GitHub watchers](https://img.shields.io/github/watchers/Chans-Open-Source/optimize-vue-cli.svg)

![GitHub stars](https://img.shields.io/github/stars/Chans-Open-Source/optimize-vue-cli.svg)

![GitHub forks](https://img.shields.io/github/forks/Chans-Open-Source/optimize-vue-cli.svg)

![GitHub issues](https://img.shields.io/github/issues/Chans-Open-Source/optimize-vue-cli.svg)

![GitHub last commit (branch)](https://img.shields.io/github/last-commit/Chans-Open-Source/optimize-vue-cli.svg)

## Template 模板源码

[Source Code](https://github.com/Chans-Open-Source/optimize-vue)

## Install 安装脚手架

* Run in command line.

* 请在命令行中运行。

```

// Install vue-cli-3.0 at first.

npm i -g @vue/cli

// Install yarn.

npm i -g yarn

// Install cli

npm i -g optimize-vue-cli

```

## Create Project 创建项目

* Run in the project's parent folder.

* 请在项目的父目录中运行。

```

vues create 

// eg: vues create demo

```

## Init Project 初始化项目

* Run in the project's root folder.

* 请在项目的根目录中运行。

```

// Open project folder if your not in the project's root folder.

cd 

// Init

yarn install 

```

## Add Module 添加模块（页面）

* Run in the project's root folder.

* 请在项目的根目录中运行。

```

vues add -m  -p 

// eg: vues add -m module1 -p /mobile/page/index

// Html-Title: module1

// Html-Url: localhost:port/mobile/page/index

```

## Add Component 添加组件

* Run in the project's root folder.

* 请在项目的根目录中运行。

```

vues add -c 

// eg: vues add -c /home/index

```

## Add multiple modules at a time 单次添加多个模块（页面）

* Run in the project's root folder.

* 请在项目的根目录中运行。

```

vues add -a -m 

// eg: vues add -a -m /page/a,/page/b

// Html-Title: Page Title

// Html-Url-0: localhost:port/page/a

// Html-Url-1: localhost:port/page/b

```

## Add multiple components at a time 单次添加多个组件

* Run in the project's root folder.

* 请在项目的根目录中运行。

```

vues add -a -c 

// eg: vues add -a -c /home/index,/home/personal

```

## About 关于

* [github](https://github.com/Chans-Open-Source/optimize-vue-cli)

* [issues](https://github.com/Chans-Open-Source/optimize-vue-cli/issues)

* [e-mail: changeden520@gmail.com](mailto://changeden520@gmail.com)