3 |
4 |
6 |
7 |
8 |
9 |
17 |
--------------------------------------------------------------------------------
/packages/@w6s/create-file-plugin/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "@w6s/create-file-plugin",
3 | "version": "1.1.4",
4 | "main": "index.js",
5 | "license": "MIT",
6 | "publishConfig": {
7 | "access": "public"
8 | },
9 | "dependencies": {
10 | "@w6s/cli-shared-utils": "^1.2.2",
11 | "copy-webpack-plugin": "5.1.1",
12 | "create-file-webpack": "^1.0.2",
13 | "git-revision-webpack-plugin": "^3.0.6",
14 | "is-git-repository": "^2.0.0"
15 | }
16 | }
17 |
--------------------------------------------------------------------------------
/packages/@w6s/cli/templates/H5/template/src/utils/getEnvConfig.ts:
--------------------------------------------------------------------------------
1 | import axios from 'axios';
2 |
3 | export default (): Promise
3 |
4 |
5 |
7 |
8 |
9 |
10 |
11 |
19 |
--------------------------------------------------------------------------------
/scripts/deploy.sh:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env sh
2 |
3 | # 确保脚本抛出遇到的错误
4 | set -e
5 |
6 | # 生成静态文件
7 | yarn docs:build
8 |
9 | # 进入生成的文件夹
10 | cd docs/.vuepress/dist
11 |
12 | # 如果是发布到自定义域名
13 | # echo 'www.example.com' > CNAME
14 |
15 | git init
16 | git add -A
17 | git commit -m 'deploy'
18 |
19 | # 如果发布到 https://
3 |
4 |
5 |
7 |
8 |
9 |
10 |
11 |
19 |
--------------------------------------------------------------------------------
/packages/@w6s/cli/templates/H5/template/src/main.ts:
--------------------------------------------------------------------------------
1 | import Vue from 'vue';
2 | import getEnvConfig from '@/utils/getEnvConfig';
3 | import service from '@/utils/http/https';
4 |
5 | import i18n from './i18n';
6 | import App from './App.vue';
7 | import router from './router';
8 | import store from './store';
9 |
10 | Vue.config.productionTip = false;
11 |
12 | getEnvConfig().then((baseUrl) => {
13 | service.defaults.baseURL = baseUrl;
14 | new Vue({
15 | router,
16 | store,
17 | i18n,
18 | render: (h) => h(App),
19 | }).$mount('#app');
20 | });
21 |
--------------------------------------------------------------------------------
/packages/@w6s/cli/templates/admin/template/src/icons/components/user.ts:
--------------------------------------------------------------------------------
1 | /* eslint-disable */
2 | /* tslint:disable */
3 | // @ts-ignore
4 | import icon from 'vue-svgicon';
5 | icon.register({
6 | user: {
7 | width: 130,
8 | height: 130,
9 | viewBox: '0 0 130 130',
10 | data:
11 | '
3 |
9 |
10 |
11 |
22 |
23 |
31 |
--------------------------------------------------------------------------------
/packages/@w6s/mock-plugin/index.js:
--------------------------------------------------------------------------------
1 | const mockMiddleware = require('./lib/mockMiddleware');
2 | const defaultConfig = require('./lib/default.config');
3 |
4 | module.exports = (api, options) => {
5 | let mockOptions = (options.pluginOptions && options.pluginOptions.mock) || {};
6 | mockOptions = {
7 | ...defaultConfig,
8 | ...mockOptions,
9 | };
10 |
11 | // disable mock server
12 | if (mockOptions.disable || process.env.NODE_ENV !== 'development') return;
13 |
14 | mockOptions.entry = api.resolve(mockOptions.entry);
15 | mockOptions.mockDir = api.resolve(mockOptions.mockDir);
16 |
17 | api.configureDevServer((app) => {
18 | app.use(mockMiddleware(mockOptions));
19 | });
20 | };
21 |
--------------------------------------------------------------------------------
/packages/@w6s/cli-deploy/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "@w6s/cli-deploy",
3 | "version": "1.1.0",
4 | "main": "./bin/index.js",
5 | "publishConfig": {
6 | "access": "public"
7 | },
8 | "author": {
9 | "name": "lwy1010",
10 | "url": "https://github.com/lwy1010"
11 | },
12 | "contributors": [
13 | {
14 | "name": "hejx",
15 | "url": "https://github.com/hejianxian"
16 | }
17 | ],
18 | "bin": {
19 | "w6s-cli-deploy": "./bin/index.js"
20 | },
21 | "dependencies": {
22 | "chalk": "^4.1.0",
23 | "commander": "^6.2.0",
24 | "execa": "^4.1.0",
25 | "inquirer": "^7.3.3",
26 | "node-ssh": "^11.1.1",
27 | "ora": "^5.1.0"
28 | },
29 | "license": "MIT"
30 | }
31 |
--------------------------------------------------------------------------------
/packages/@w6s/cli-deploy/template/deploy.config.js:
--------------------------------------------------------------------------------
1 | const templateConfig = `module.exports = {
2 | envConfig: {
3 | // 名为dev的部署环境的配置示例
4 | dev: {
5 | // 本地私钥地址，非必填
6 | privateKey: "",
7 | // 私钥的密码，非必填
8 | passphrase: "",
9 | // 服务器地址，如192.168.0.1
10 | host: "192.168.0.1",
11 | // ssh的端口，非必填，默认22
12 | port: "22",
13 | // 用户名，如root
14 | username: "root",
15 | // 服务器密码，非必填，执行部署命令可以手动输入以确保信息安全
16 | password: "",
17 | // 要部署到服务器的路径
18 | uploadPath: "/home/workplus",
19 | // 打包命令
20 | preCommand: "npm run build",
21 | // 打包出来的目录名
22 | distPath: "dist",
23 | },
24 | },
25 | };`;
26 |
27 | module.exports = templateConfig;
28 |
--------------------------------------------------------------------------------
/packages/@w6s/cli/templates/H5/template/src/router/index.ts:
--------------------------------------------------------------------------------
1 | import Vue from 'vue';
2 | import VueRouter, { RouteConfig } from 'vue-router';
3 | import Home from '../views/Home.vue';
4 |
5 | Vue.use(VueRouter);
6 |
7 | const routes: Array
4 | 
5 |
7 |
5 | Welcome to Your H5 App
6 |
3 |
7 |
9 |
10 |
11 |
33 |
--------------------------------------------------------------------------------
/packages/@w6s/cli/templates/H5/template/w6s.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | parallel: false,
3 | pluginOptions: {
4 | lintStyleOnBuild: true,
5 | mock: {
6 | entry: 'mock/index.js',
7 | mockDir: 'mock',
8 | prefix: '/mock',
9 |
10 | disable: false,
11 | log: true,
12 | },
13 | i18n: {
14 | locale: 'zh-CN',
15 | fallbackLocale: 'en',
16 | localeDir: 'locales',
17 | enableInSFC: false,
18 | },
19 | vconsole: {
20 | enable: process.env.NODE_ENV === 'development',
21 | },
22 | styleResourcesLoader: {
23 | preProcessor: 'scss',
24 | patterns: ['./styles/*/*.scss'],
25 | },
26 | },
27 | devServer: {
28 | port: 8088,
29 | },
30 | };
31 |
--------------------------------------------------------------------------------
/packages/@w6s/cli/templates/admin/template/src/icons/components/nested.ts:
--------------------------------------------------------------------------------
1 | /* eslint-disable */
2 | /* tslint:disable */
3 | // @ts-ignore
4 | import icon from 'vue-svgicon';
5 | icon.register({
6 | nested: {
7 | width: 128,
8 | height: 128,
9 | viewBox: '0 0 128 128',
10 | data:
11 | '
3 |
5 |
6 |
7 |
21 |
22 |
31 |
--------------------------------------------------------------------------------
/packages/@w6s/cli/templates/admin/template/src/icons/components/hamburger.ts:
--------------------------------------------------------------------------------
1 | /* eslint-disable */
2 | /* tslint:disable */
3 | // @ts-ignore
4 | import icon from 'vue-svgicon';
5 | icon.register({
6 | hamburger: {
7 | width: 64,
8 | height: 64,
9 | viewBox: '0 0 1024 1024',
10 | data:
11 | '
42 |
43 |
3 |
5 |
10 |
12 |
22 |
23 |
24 |
25 |
39 |
40 |
41 |
65 |
--------------------------------------------------------------------------------
/packages/@w6s/stylelint-plugin/README.md:
--------------------------------------------------------------------------------
1 | # @ascendancyy/vue-cli-plugin-stylelint
2 |
3 | > stylelint plugin for vue-cli
4 |
5 | ## Injected commands
6 |
7 | - **`vue-cli-service lint:style`**
8 |
9 | ```
10 | Usage: vue-cli-service lint:style [options] [...files]
11 |
12 | Options:
13 |
14 | --no-fix do not auto-fix errors
15 | --options list additional stylelint cli options
16 | ```
17 |
18 | Lints and fixes files. If no specific files are given, it lints all vue files, html files, and stylesheets in `src`.
19 |
20 | ## Configuration (vue.config.js, "vue" in package.json)
21 |
22 | Lint on (re)build with `stylelint-webpack-plugin` can be enabled with the `lintStyleOnBuild` option. You can also provide additional options to stylelint. See available options on the stylelint [website](https://stylelint.io/user-guide/node-api/#options).
23 |
24 | ``` js
25 | module.exports = {
26 | // ...
27 | pluginOptions: {
28 | lintStyleOnBuild: true,
29 | stylelint: {
30 | fix: true, // boolean (default: true)
31 | files: '', // string | [string] (default: ['src/**/*.{vue,htm,html,css,sss,less,scss}'])
32 | // See https://stylelint.io/developer-guide/formatters/
33 | formatter: () => {} // function (default: require('stylelint-codeframe-formatter'))
34 | // etc...
35 | }
36 | }
37 | }
38 | ```
39 |
40 | ## Installing in an already created project
41 |
42 | ```
43 | npm install -D @ascendancyy/vue-cli-plugin-stylelint
44 | vue invoke @ascendancyy/vue-cli-plugin-stylelint
45 | ```
46 |
47 | > There is also a shorthand to invoke the plugin
48 | > `vue invoke @ascendancyy/stylelint`
49 |
50 | ## webpack-chain Injections
51 |
52 | - `config.plugin('stylelint')`
53 | - `config.plugin('stylelint').use('stylelint-webpack-plugin')`
54 | - `config.plugin('friendly-errors').tap(/* Adds additional transformer and formatter */)`
55 |
--------------------------------------------------------------------------------
/packages/@w6s/cli-script/lib/index.js:
--------------------------------------------------------------------------------
1 | const path = require('path');
2 | const Service = require('@vue/cli-service');
3 | const { toPlugin, w6sConfigFileExists, getRootProjectPlugins } = require('./utils');
4 |
5 | const babelPlugin = toPlugin('@vue/cli-plugin-babel');
6 | const eslintPlugin = toPlugin('@vue/cli-plugin-eslint');
7 | const typeScriptPlugin = toPlugin('@vue/cli-plugin-typescript');
8 | const vConsolePlugin = toPlugin('@w6s/vconsole-plugin');
9 | const styleResourcesLoaderPlugin = toPlugin('@w6s/style-resources-loader-plugin');
10 | const sentryPlugin = toPlugin('@w6s/sentry-plugin');
11 | const mockPlugin = toPlugin('@w6s/mock-plugin');
12 | const stylelintPlugin = toPlugin('@w6s/stylelint-plugin');
13 | const i18nPlugin = toPlugin('vue-cli-plugin-i18n');
14 | const createFilePlugin = toPlugin('@w6s/create-file-plugin');
15 |
16 | const context = process.cwd();
17 |
18 | // w6s.config.js
19 | const configPath = path.resolve(context, 'w6s.config.js');
20 | if (configPath && w6sConfigFileExists(configPath)) {
21 | process.env.VUE_CLI_SERVICE_CONFIG_PATH = configPath;
22 | }
23 |
24 | const createService = (command) => {
25 | const projectPlugins = getRootProjectPlugins(context) || [];
26 | const inlinePlugins = [
27 | babelPlugin,
28 | typeScriptPlugin,
29 | vConsolePlugin,
30 | sentryPlugin,
31 | styleResourcesLoaderPlugin,
32 | mockPlugin,
33 | stylelintPlugin,
34 | i18nPlugin,
35 | eslintPlugin,
36 | createFilePlugin,
37 | ...projectPlugins,
38 | ];
39 |
40 | return new Service(context, {
41 | projectOptions: {
42 | compiler: true,
43 | lintOnSave: 'default',
44 | },
45 | inlineOptions: {
46 | parallel: false, // disable thread-loader
47 | },
48 | plugins: inlinePlugins,
49 | });
50 | };
51 |
52 | exports.runService = (command, args, rawArgv) => createService(command).run(command, args, rawArgv);
53 |
--------------------------------------------------------------------------------
/packages/@w6s/cli/templates/admin/template/src/store/modules/app.ts:
--------------------------------------------------------------------------------
1 | import {
2 | VuexModule,
3 | Module,
4 | Mutation,
5 | Action,
6 | getModule,
7 | } from 'vuex-module-decorators';
8 | import { getSidebarStatus, setSidebarStatus } from '@/utils/cookies';
9 | import store from '@/store';
10 |
11 | export enum DeviceType {
12 | Mobile,
13 | Desktop,
14 | }
15 |
16 | export interface AppState {
17 | device: DeviceType;
18 | sidebar: {
19 | opened: boolean;
20 | withoutAnimation: boolean;
21 | };
22 | }
23 |
24 | @Module({ dynamic: true, store, name: 'app' })
25 | class App extends VuexModule implements AppState {
26 | public sidebar = {
27 | opened: getSidebarStatus() !== 'closed',
28 | withoutAnimation: false,
29 | };
30 |
31 | public device = DeviceType.Desktop;
32 |
33 | @Mutation
34 | private TOGGLE_SIDEBAR(withoutAnimation: boolean) {
35 | this.sidebar.opened = !this.sidebar.opened;
36 | this.sidebar.withoutAnimation = withoutAnimation;
37 | if (this.sidebar.opened) {
38 | setSidebarStatus('opened');
39 | } else {
40 | setSidebarStatus('closed');
41 | }
42 | }
43 |
44 | @Mutation
45 | private CLOSE_SIDEBAR(withoutAnimation: boolean) {
46 | this.sidebar.opened = false;
47 | this.sidebar.withoutAnimation = withoutAnimation;
48 | setSidebarStatus('closed');
49 | }
50 |
51 | @Mutation
52 | private TOGGLE_DEVICE(device: DeviceType) {
53 | this.device = device;
54 | }
55 |
56 | @Action
57 | public ToggleSideBar(withoutAnimation: boolean) {
58 | this.TOGGLE_SIDEBAR(withoutAnimation);
59 | }
60 |
61 | @Action
62 | public CloseSideBar(withoutAnimation: boolean) {
63 | this.CLOSE_SIDEBAR(withoutAnimation);
64 | }
65 |
66 | @Action
67 | public ToggleDevice(device: DeviceType) {
68 | this.TOGGLE_DEVICE(device);
69 | }
70 | }
71 |
72 | export const AppModule = getModule(App);
73 |
--------------------------------------------------------------------------------
/docs/DevOps/deploy.md:
--------------------------------------------------------------------------------
1 | # cli-deploy
2 |
3 | 项目发布是项目开发过程中，必不可少的一环。为了简化前端项目资源的部署步骤，避免繁琐的 shell 脚本编写及人为操作，`w6s-cli`根据常见的部署场景，提供了自动化部署的功能，支持开发、测试、生产多环境配置，一键即可自动完成部署。
4 |
5 | [仓库地址](https://github.com/WorkPlusFE/cli/tree/master/packages/%40w6s/cli-deploy)
6 |
7 |
8 | ## 安装
9 |
10 | 要使用发布功能，可以单独安装`@w6s/cli-deploy`，或者使用`w6s-cli`提供的`deploy`命令。
11 |
12 | 安装`@w6s/cli-deploy`：
13 |
14 | ```bash
15 | yarn global add @w6s/cli-deploy
16 | # or
17 | npm install -g @w6s/cli-deploy
18 | ```
19 |
20 | ## 初始化配置文件
21 |
22 | 安装成功后，执行以下命令:
23 |
24 | ```bash
25 | w6s-cli-deploy init
26 | ```
27 |
28 | 执行初始化命令后，会在当前目录生成`deploy.config.js`配置文件，具体配置内容和说明如下：
29 |
30 | ```js
31 | module.exports = {
32 | envConfig: {
33 | // 名为 dev 的环境配置
34 | dev: {
35 | host: "192.168.0.1",
36 | port: 22,
37 | username: "root",
38 | password: "123456",
39 | distPath: "dist",
40 | uploadPath: "/home/workplus",
41 | privateKey: "",
42 | passphrase: "",
43 | preCommand: "npm run build",
44 | },
45 | },
46 | };
47 | ```
48 |
49 | 所有的环境配置，都应添加到`envConfig`中，你可以根据实际情况，添加多个不同的环境配置。
50 |
51 | 以下为一个环境中可配置的所有字段的说明：
52 |
53 | - `host`
54 |
55 | 服务器地址，如 192.168.0.1
56 |
57 | - `port`
58 |
59 | ssh 的端口，一般默认 22
60 |
61 | - `username`
62 |
63 | 用户名，如 root
64 |
65 | - `password`
66 |
67 | 服务器密码，非必须，执行部署命令可以手动输入以确保信息安全
68 |
69 | - `uploadPath`
70 |
71 | 要部署到服务器的目录路径，应为绝对路径
72 |
73 | - `privateKey`
74 |
75 | 本地私钥地址，应为绝对路径，非必填；若有值，将会带密钥的方式进行 ssh 链接，否则使用账号密码的方式
76 |
77 | - `passphrase`
78 |
79 | 对应私钥的密码，非必须，可为空
80 |
81 | - `preCommand`
82 |
83 | 发布前需执行的命令，非必须
84 |
85 | - `distPath`
86 |
87 | 本地待上传的文件目录
88 |
89 | ## 自动化部署
90 |
91 | `@w6s/cli-deploy`支持多环境发布，使用`deploy`命令，传入 env 环境名字，一键自动发布。
92 |
93 | ```sh
94 | w6s-cli-deploy deploy --env <环境名称>
95 | ```
96 |
97 | 例如发布到上方 dev 环境，执行以下命令即可：
98 |
99 | ```sh
100 | w6s-cli-deploy deploy --env dev
101 | ```
--------------------------------------------------------------------------------
/packages/@w6s/cli-script/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "@w6s/cli-script",
3 | "version": "1.2.4",
4 | "main": "index.js",
5 | "license": "MIT",
6 | "bin": {
7 | "w6s-cli-script": "bin/cli-script.js"
8 | },
9 | "author": "WorkPlusFE",
10 | "dependencies": {
11 | "@commitlint/cli": "^8.3.5",
12 | "@commitlint/config-conventional": "^8.3.4",
13 | "@types/node": "10.17.32",
14 | "@types/webpack": "^4.41.13",
15 | "@types/webpack-env": "^1.15.2",
16 | "@typescript-eslint/eslint-plugin": "^2.30.0",
17 | "@typescript-eslint/parser": "^2.30.0",
18 | "@vue/cli-plugin-babel": "^4.3.1",
19 | "@vue/cli-plugin-eslint": "^4.3.1",
20 | "@vue/cli-plugin-typescript": "^4.3.1",
21 | "@vue/cli-service": "^4.3.1",
22 | "@vue/eslint-config-airbnb": "^5.0.2",
23 | "@vue/eslint-config-prettier": "^6.0.0",
24 | "@vue/eslint-config-typescript": "^5.0.2",
25 | "@w6s/cli-shared-utils": "^1.2.2",
26 | "@w6s/create-file-plugin": "^1.1.4",
27 | "@w6s/eslint-config": "^1.1.1",
28 | "@w6s/mock-plugin": "^1.2.2",
29 | "@w6s/sentry-plugin": "^1.2.2",
30 | "@w6s/style-resources-loader-plugin": "^1.2.0",
31 | "@w6s/stylelint-config": "^1.1.0",
32 | "@w6s/stylelint-plugin": "^1.2.0",
33 | "@w6s/vconsole-plugin": "^1.2.0",
34 | "babel-plugin-component": "^1.1.1",
35 | "babel-plugin-import": "^1.13.0",
36 | "eslint": "^6.8.0",
37 | "eslint-plugin-import": "^2.20.2",
38 | "eslint-plugin-prettier": "^3.1.3",
39 | "eslint-plugin-vue": "^6.2.2",
40 | "husky": "^4.2.5",
41 | "lint-staged": "^10.2.4",
42 | "minimist": "^1.2.5",
43 | "prettier": "^2.0.5",
44 | "sass": "^1.32.8",
45 | "sass-loader": "^8.0.2",
46 | "stylelint": "^13.5.0",
47 | "stylelint-scss": "^3.17.2",
48 | "typescript": "^3.8.3",
49 | "vue-cli-plugin-i18n": "^1.0.1",
50 | "vue-template-compiler": "^2.6.12",
51 | "webpack": "^4.43.0"
52 | },
53 | "publishConfig": {
54 | "access": "public"
55 | },
56 | "engines": {
57 | "node": ">=10"
58 | }
59 | }
60 |
--------------------------------------------------------------------------------
/packages/@w6s/create-file-plugin/index.js:
--------------------------------------------------------------------------------
1 | const path = require('path');
2 | const CreateFileWebpack = require('create-file-webpack');
3 | const GitRevisionPlugin = require('git-revision-webpack-plugin');
4 | const CopyFilePlugin = require('copy-webpack-plugin');
5 | const { logger, isProd } = require('@w6s/cli-shared-utils');
6 | const isGit = require('is-git-repository');
7 |
8 | const getGitMessage = () => {
9 | try {
10 | if (!isGit()) {
11 | console.log('');
12 | logger.info(' 当前为非 Git 项目！');
13 | return {};
14 | };
15 |
16 | const gitRevision = new GitRevisionPlugin();
17 | const BRANCH_NAME = gitRevision.branch();
18 | const COMMIT_HASH = gitRevision.commithash();
19 |
20 | return { BRANCH_NAME, COMMIT_HASH };
21 | } catch (error) {
22 | logger.error(error);
23 | return {};
24 | }
25 | };
26 |
27 | const rootPath = process.cwd();
28 |
29 | const setupCreateFilePlugin = (envObj, fileName, outputDir) => {
30 | const gitMessage = getGitMessage();
31 | const baseConfigInfo = {
32 | PACK_TIME: new Date().toLocaleString(),
33 | ...gitMessage,
34 | };
35 |
36 | const vueEnvObj = {};
37 | for (const prop in envObj) {
38 | if (prop.includes('VUE_APP_')) {
39 | vueEnvObj[prop] = envObj[prop];
40 | }
41 | }
42 |
43 | return new CreateFileWebpack({
44 | path: outputDir,
45 | fileName,
46 | content: JSON.stringify({ ...baseConfigInfo, ...vueEnvObj }),
47 | });
48 | };
49 |
50 | module.exports = (api, projectOptions) => {
51 | if (!isProd()) return;
52 |
53 | const outputDir = projectOptions.outputDir || 'dist';
54 | const opts = projectOptions.pluginOptions.outputConfigFile || {};
55 | const fileName = opts.fileName || 'config.json';
56 | const descriptionFile = opts.descriptionFile || 'DEPLOY.md';
57 |
58 | api.configureWebpack((webpackConfig) => {
59 | webpackConfig.plugins.push(
60 | setupCreateFilePlugin(process.env, fileName, outputDir),
61 | // 文件默认输出到 output 目录
62 | new CopyFilePlugin([
63 | {
64 | from: `${descriptionFile}`,
65 | },
66 | ])
67 | );
68 | });
69 | };
70 |
--------------------------------------------------------------------------------
/packages/@w6s/cli/templates/admin/template/src/layout/index.vue:
--------------------------------------------------------------------------------
1 |
2 | Essential Links
4 |Ecosystem
11 |
3 |
9 |
10 |
11 |
40 |
41 |
97 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "private": true,
3 | "workspaces": {
4 | "packages": [
5 | "packages/@w6s/*",
6 | "packages/test/*"
7 | ]
8 | },
9 | "scripts": {
10 | "lint": "eslint --fix packages/**/*.js packages/**/bin/*",
11 | "lint-without-fix": "eslint packages/**/*.js packages/**/bin/*",
12 | "test": "jest",
13 | "docs:dev": "vuepress dev docs",
14 | "docs:build": "vuepress build docs",
15 | "docs:deploy": "./scripts/deploy.sh",
16 | "release": "lerna publish --no-commit-hooks",
17 | "release:force": "lerna publish --no-commit-hooks --force-publish"
18 | },
19 | "gitHooks": {
20 | "pre-commit": "lint-staged",
21 | "commit-msg": "node scripts/verifyCommitMsg.js"
22 | },
23 | "lint-staged": {
24 | "*.{js}": [
25 | "eslint --fix",
26 | "git add"
27 | ],
28 | "packages/**/bin/*": [
29 | "eslint --fix",
30 | "git add"
31 | ]
32 | },
33 | "jest": {
34 | "testEnvironment": "node",
35 | "setupFiles": [],
36 | "testMatch": [
37 | "**/__tests__/**/*.spec.js"
38 | ]
39 | },
40 | "dependencies": {
41 | "vue": "2.6.12",
42 | "vue-server-renderer": "2.6.12",
43 | "vuepress-theme-default-prefers-color-scheme": "^2.0.0"
44 | },
45 | "devDependencies": {
46 | "chalk": "^4.0.0",
47 | "eslint": "6.8.0",
48 | "eslint-config-airbnb-base": "14.1.0",
49 | "eslint-config-prettier": "^6.11.0",
50 | "eslint-plugin-import": "^2.20.1",
51 | "eslint-plugin-node": "^11.1.0",
52 | "jest": "^25.4.0",
53 | "lerna": "^3.20.2",
54 | "lerna-changelog": "^1.0.1",
55 | "lint-staged": "^10.1.7",
56 | "vuepress": "^1.7.1",
57 | "yorkie": "^2.0.0"
58 | },
59 | "preferGlobal": true,
60 | "publishConfig": {
61 | "access": "public"
62 | },
63 | "repository": {
64 | "type": "git",
65 | "url": "git+https://github.com/WorkPlusFE/w6s-cli.git"
66 | },
67 | "keywords": [
68 | "cli",
69 | "workplus-cli",
70 | "w6s-cli",
71 | "workplus",
72 | "w6s"
73 | ],
74 | "author": "WorkPlusFE",
75 | "license": "MIT",
76 | "bugs": {
77 | "url": "https://github.com/WorkPlusFE/w6s-cli/issues"
78 | },
79 | "homepage": "https://github.com/WorkPlusFE/w6s-cli#readme",
80 | "engines": {
81 | "node": ">=10"
82 | }
83 | }
84 |
--------------------------------------------------------------------------------
/packages/@w6s/cli/templates/admin/template/src/layout/components/Sidebar/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
5 |
8 | {{ $t('app.title') }}
4 |
3 | Vuex
5 |
6 |
7 | Decrement
8 |
9 | {{ count }}
10 |
11 | Increment
12 |
13 |
14 | Cordova
15 | Get Location
16 | /
17 | Get Device Info
20 | Mock
21 | Get User Detail
24 | /
25 | Get Users
26 | i18n
27 |
30 |
31 |
32 |
87 |
88 |
97 |
--------------------------------------------------------------------------------
/packages/@w6s/cli/lib/executeCommand.js:
--------------------------------------------------------------------------------
1 | // @vue/cli executeCommand.js
2 | const execa = require('execa');
3 | const EventEmitter = require('events');
4 | const readline = require('readline');
5 |
6 | class InstallProgress extends EventEmitter {
7 | constructor () {
8 | super();
9 |
10 | this._progress = -1;
11 | }
12 |
13 | get progress () {
14 | return this._progress;
15 | }
16 |
17 | set progress (value) {
18 | this._progress = value;
19 | this.emit('progress', value);
20 | }
21 |
22 | get enabled () {
23 | return this._progress !== -1;
24 | }
25 |
26 | set enabled (value) {
27 | this.progress = value ? 0 : -1;
28 | }
29 |
30 | log (value) {
31 | this.emit('log', value);
32 | }
33 | }
34 |
35 | function toStartOfLine (stream) {
36 | readline.cursorTo(stream, 0);
37 | }
38 |
39 | function renderProgressBar (curr, total) {
40 | const ratio = Math.min(Math.max(curr / total, 0), 1);
41 | const bar = ` ${curr}/${total}`;
42 | const availableSpace = Math.max(0, process.stderr.columns - bar.length - 3);
43 | const width = Math.min(total, availableSpace);
44 | const completeLength = Math.round(width * ratio);
45 | const complete = `#`.repeat(completeLength);
46 | const incomplete = `-`.repeat(width - completeLength);
47 | toStartOfLine(process.stderr);
48 | process.stderr.write(`[${complete}${incomplete}]${bar}`);
49 | }
50 |
51 | /* eslint no-multi-assign:0 */
52 | const progress = exports.progress = new InstallProgress();
53 | exports.executeCommand = function executeCommand (command, args, cwd) {
54 |
55 | return new Promise((resolve, reject) => {
56 | progress.enabled = false;
57 |
58 | const child = execa(command, args, {
59 | cwd,
60 | stdio: ['inherit', 'inherit', command === 'yarn' ? 'pipe' : 'inherit']
61 | });
62 |
63 | if (command === 'yarn') {
64 | child.stderr.on('data', (buf) => {
65 | const str = buf.toString();
66 | if (/warning/.test(str)) {
67 | return;
68 | }
69 |
70 | // progress bar
71 | const progressBarMatch = str.match(/\[.*\] (\d+)\/(\d+)/);
72 | if (progressBarMatch) {
73 | // since yarn is in a child process, it's unable to get the width of
74 | // the terminal. reimplement the progress bar ourselves!
75 | renderProgressBar(progressBarMatch[1], progressBarMatch[2]);
76 | return;
77 | }
78 |
79 | process.stderr.write(buf);
80 | })
81 | }
82 |
83 | child.on('close', (code) => {
84 | if (code !== 0) {
85 | /* eslint prefer-promise-reject-errors:0 */
86 | reject(`command failed: ${command} ${args.join(' ')}`);
87 | return;
88 | }
89 | resolve();
90 | })
91 | })
92 | }
93 |
--------------------------------------------------------------------------------
/packages/@w6s/cli/templates/admin/template/src/layout/components/Navbar/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
11 |
12 |
13 |
40 |
41 |
120 |
--------------------------------------------------------------------------------
/packages/@w6s/cli/templates/admin/template/src/components/Breadcrumb/index.vue:
--------------------------------------------------------------------------------
1 |
2 | {{ title }}
4 |{{ $t('message.title') }}
28 |{{ $t('message.description') }}
29 |
4 |
5 | `@w6s/cli`是团队内部指定使用的 cli 工具，除了用于快速创建项目初始架构，还包含一些常用的功能，例如启动静态文件服务、设置配置等。
6 |
7 | ## 安装
8 |
9 | 环境要求：
10 |
11 | * Node.js 版本 >=10
12 | * [Yarn](https://yarnpkg.com/) (推荐使用) / npm
13 |
14 | > 使用 Yarn 的理由：性能更好，使用更方便
15 |
16 | 通过以下命令进行安装：
17 |
18 | ```bash
19 | yarn global add @w6s/cli
20 | # or
21 | npm install -g @w6s/cli
22 | ```
23 |
24 | 安装成功后，在 shell 中键入`w6s`，即可看到相关功能说明，如下：
25 |
26 |
27 | ```bash
28 | Usage: w6s