Skip to content

Latest commit

 

History

History
99 lines (84 loc) · 3.16 KB

README.md

File metadata and controls

99 lines (84 loc) · 3.16 KB
Raw


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

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

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

考虑IE （bad）

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

gulp (webpack模板)

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

History router 支持 （参考）

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

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