一个简单的前端项目脚手架,整体构建参照vue-cli 2.0.
A simple front-end project scaffolding, the overall build reference vue-cli 2.0.
npm install -g spotlight-cli
/*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
...
参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。
...
+ spotlight
+
+ CategoryInfo : SecurityError: (:) [],PSSecurityException
+ FullyQualifiedErrorId : UnauthorizedAccess
如果在window10 PowerShell 使用中遇到上述报错时,简单设置一下即可:
在开始菜单搜索powershell,右键以管理员运行
输入: set-executionpolicy remotesigned 回车
再输入:y
完毕
如果你的项目需要兼容到IE8甚至更低,建议使用san和backbone模板,优先推荐使用san。san模板去掉了router,需要自行配置;san拥有虚拟dom和数据绑定使你项目更高效和易于管理;
多套模板都涉及到和gulp的配合使用,所以请确保你的gulp是全局安装的!
也可以自行去掉
如果要使用History router,在配置(config.js)中将html5Router设置为true,build后的代码将默认支持Apache服务器,ngix 需要另外配置,如下:
location / {
try_files $uri $uri/ /index.html;
}