spotlight-cli

KO | EN

gitlite — search

#javascript #python #hacktoberfest #typescript #llm #golang #android #machine-learning #nodejs #java #vue #security #pytorch #open-source

(★ 10)

简单的前端开发脚手架

spotlight-cli Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<img src="https://github.com/yuminjustin/spotlight-cli/blob/master/static/white.png">

<blockquote>
 
一个简单的前端项目脚手架，整体构建参照vue-cli 2.0.   
A simple front-end project scaffolding, the overall build reference vue-cli 2.0. 
 
</blockquote>

### Install

npm install -g spotlight-cli

### create a project

/*js*/
 spotlight <template-name> <project-name>
 /*ts*/
 spotlight ts <template-name> <project-name>
 /*vite*/
 spotlight vite <template-name> <project-name>

example:

/*js*/
    spotlight react my-project
    /*ts*/
    spotlight ts react my-project
    /*vite*/
    spotlight vite react my-project

<blockquote>
可以支持的template如下(安装完毕后使用 “spotlight” 命令可查阅)： 
The templates that can be supported are as follows (use the “spotlight ” command after installation)
 
</blockquote>

1. normal                 es6
    2. react                  react
    3. redux                  react+redux+router+antd(bad)
    4. vue                    vue2
    5. vuex                   vue2+vuex+route+element-ui
    6. backbone               backbone+router IE(bad)
    7. mithril                mithril+router
    8. san                    san IE(bad)
    9. mobx                   react+mobx+router+antd3(bad)
    10. hook                  react hook+mobx+router+antd4
    11. ts normal             typescript
    12. ts react              typescript+react
    13. ts vue                typescript+vue2
    14. ts hook               react hook+typescript+mobx+router+antd4
    15. ts vue3               vue3+typescript+pinia+router+arco.design
    16. vite react            react hook+typescript+mobx+router+antd4+vite
    17. vite vue3             vue3+typescript+pinia+router+arco.design+vite

### windows10 error （可能发生的）
    ...
    参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。
    ...
    + spotlight
    +
        + CategoryInfo          : SecurityError: (:) [],PSSecurityException
        + FullyQualifiedErrorId : UnauthorizedAccess

<blockquote>
如果在window10 PowerShell 使用中遇到上述报错时，简单设置一下即可： 
在开始菜单搜索powershell，右键以管理员运行 
输入： set-executionpolicy remotesigned 回车 
再输入：y 
完毕
</blockquote>

### 考虑IE （bad）
<blockquote>
如果你的项目需要兼容到IE8甚至更低，建议使用san和backbone模板，优先推荐使用san。san模板去掉了router，需要自行配置；san拥有虚拟dom和数据绑定使你项目更高效和易于管理；
</blockquote>

### gulp (webpack模板)
<blockquote>
多套模板都涉及到和gulp的配合使用，所以请确保你的gulp是全局安装的！
 
也可以自行去掉
</blockquote>

### History router 支持 （参考）
<blockquote>
如果要使用History router，在配置（config.js）中将html5Router设置为true，build后的代码将默认支持Apache服务器，ngix 需要另外配置，如下：
</blockquote>

location / {
            try_files $uri $uri/ /index.html;
        }

spotlight-cli

spotlight-cli Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

spotlight-cli

spotlight-cli Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README