|
|
@@ -5,6 +5,7 @@ import path from 'node:path';
|
|
|
import { fileURLToPath } from 'node:url';
|
|
|
import * as p from '@clack/prompts';
|
|
|
import { bold, cyan, grey, red, blue } from 'kleur/colors';
|
|
|
+import minimist from 'minimist';
|
|
|
|
|
|
import * as langAll from './lang';
|
|
|
|
|
|
@@ -20,172 +21,238 @@ const spinner = p.spinner();
|
|
|
|
|
|
p.intro('Welcome to use STDF!');
|
|
|
|
|
|
-// 选择一种语言
|
|
|
-// Select a language
|
|
|
-const languageType = await p.select({
|
|
|
- message: bold('Please select your preferred language(请选择你习惯的语言)'),
|
|
|
- options: [
|
|
|
- { value: 'en_US', label: 'English' },
|
|
|
- { value: 'zh_CN', label: '简体中文' },
|
|
|
- ],
|
|
|
-});
|
|
|
-const lang = langAll[languageType] || langAll['en_US'];
|
|
|
-
|
|
|
-if (p.isCancel(languageType)) {
|
|
|
- p.cancel(red('⛔ ') + lang.oc);
|
|
|
- process.exit(0);
|
|
|
-}
|
|
|
+let lang = langAll.en_US;
|
|
|
+
|
|
|
+// 获取命令行参数
|
|
|
+// Get command line parameters
|
|
|
+const argv = minimist(process.argv.slice(2));
|
|
|
+
|
|
|
+// 获取项目名称和模板名称和语言
|
|
|
+// Get project name and template name
|
|
|
+const argvProjectName = argv._[0];
|
|
|
+const argvTemplate = argv.template || argv.t;
|
|
|
+const argvLanguage = argv.language || argv.l;
|
|
|
+
|
|
|
+lang = argvLanguage && argvLanguage === 'zh_CN' ? langAll.zh_CN : langAll.en_US;
|
|
|
|
|
|
const templateOptions = [
|
|
|
{ value: 'vt', label: 'Vite + Tailwind', template: 'vite-tailwind', pcyt: lang.pcyt_vt },
|
|
|
- { value: 'vu', label: `Vite + UnoCSS`, template: 'vite-uno', pcyt: lang.pcyt_vu },
|
|
|
+ { value: 'vu', label: 'Vite + UnoCSS', template: 'vite-uno', pcyt: lang.pcyt_vu },
|
|
|
{ value: 'skt', label: `SvelteKit + Tailwind(${lang.hnay})`, template: 'sveltekit-tailwind' },
|
|
|
{ value: 'sku', label: `SvelteKit + UnoCSS(${lang.hnay})`, template: 'sveltekit-uno' },
|
|
|
{ value: 'vtt', label: `Vite + Tailwind + TypeScript(${lang.hnay})`, template: 'vite-tailwind-typescript' },
|
|
|
- { value: 'vut', label: `Vite + UnoCSS+TypeScript(${lang.hnay})`, template: 'vite-uno-typescript' },
|
|
|
+ { value: 'vut', label: `Vite + UnoCSS + TypeScript(${lang.hnay})`, template: 'vite-uno-typescript' },
|
|
|
{ value: 'sktt', label: `SvelteKit + Tailwind + TypeScript(${lang.hnay})`, template: 'sveltekit-tailwind-typescript' },
|
|
|
{ value: 'skut', label: `SvelteKit + UnoCSS + TypeScript(${lang.hnay})`, template: 'sveltekit-uno-typescript' },
|
|
|
];
|
|
|
|
|
|
-// 选择一个模板
|
|
|
-// Select a template
|
|
|
-let template = await p.select({
|
|
|
- message: bold(lang.psat),
|
|
|
- options: templateOptions,
|
|
|
-});
|
|
|
+// 如果命令行参数中有项目名称，但没有模板名称，直接使用默认模板 vt
|
|
|
+// If there is a project name in the command line parameters, but no template name, use the default template vt directly
|
|
|
+if (argvProjectName && !argvTemplate) {
|
|
|
+ createFunc(argvProjectName, templateOptions[0]);
|
|
|
+}
|
|
|
|
|
|
-// 直到选择的 template 是 vt / vu 为止，否则一直重新选择
|
|
|
-// Until the selected template is vt or vu, otherwise keep reselecting
|
|
|
-while (template !== 'vt' && template !== 'vu') {
|
|
|
- if (p.isCancel(template)) {
|
|
|
+// 如果命令行参数中有项目名称和模板名称，直接使用命令行参数中的值
|
|
|
+// If there is a project name and template name in the command line parameters, use the value in the command line parameters directly
|
|
|
+else if (argvProjectName && argvTemplate) {
|
|
|
+ const item = templateOptions.find(item => item.value === argvTemplate);
|
|
|
+ if (!item) {
|
|
|
+ p.intro(red(lang.pectn));
|
|
|
+ } else if (
|
|
|
+ item.value === 'skt' ||
|
|
|
+ item.value === 'sku' ||
|
|
|
+ item.value === 'vtt' ||
|
|
|
+ item.value === 'vut' ||
|
|
|
+ item.value === 'sktt' ||
|
|
|
+ item.value === 'skut'
|
|
|
+ ) {
|
|
|
+ p.intro(red(item.label + ' ' + lang.hnay));
|
|
|
+ } else {
|
|
|
+ createFunc(argvProjectName, item);
|
|
|
+ }
|
|
|
+} else {
|
|
|
+ // 选择一种语言
|
|
|
+ // Select a language
|
|
|
+ const languageType = await p.select({
|
|
|
+ message: bold('Please select your preferred language(请选择你习惯的语言)'),
|
|
|
+ options: [
|
|
|
+ { value: 'en_US', label: 'English' },
|
|
|
+ { value: 'zh_CN', label: '简体中文' },
|
|
|
+ ],
|
|
|
+ });
|
|
|
+ lang = langAll[languageType];
|
|
|
+ const templateOptions = [
|
|
|
+ { value: 'vt', label: 'Vite + Tailwind', template: 'vite-tailwind', pcyt: lang.pcyt_vt },
|
|
|
+ { value: 'vu', label: 'Vite + UnoCSS', template: 'vite-uno', pcyt: lang.pcyt_vu },
|
|
|
+ { value: 'skt', label: `SvelteKit + Tailwind(${lang.hnay})`, template: 'sveltekit-tailwind' },
|
|
|
+ { value: 'sku', label: `SvelteKit + UnoCSS(${lang.hnay})`, template: 'sveltekit-uno' },
|
|
|
+ { value: 'vtt', label: `Vite + Tailwind + TypeScript(${lang.hnay})`, template: 'vite-tailwind-typescript' },
|
|
|
+ { value: 'vut', label: `Vite + UnoCSS + TypeScript(${lang.hnay})`, template: 'vite-uno-typescript' },
|
|
|
+ { value: 'sktt', label: `SvelteKit + Tailwind + TypeScript(${lang.hnay})`, template: 'sveltekit-tailwind-typescript' },
|
|
|
+ { value: 'skut', label: `SvelteKit + UnoCSS + TypeScript(${lang.hnay})`, template: 'sveltekit-uno-typescript' },
|
|
|
+ ];
|
|
|
+
|
|
|
+ if (p.isCancel(languageType)) {
|
|
|
p.cancel(red('⛔ ') + lang.oc);
|
|
|
process.exit(0);
|
|
|
}
|
|
|
|
|
|
- p.intro(red(templateOptions.find(item => item.value === template).label + ' ' + lang.pca));
|
|
|
- template = await p.select({
|
|
|
+ // 选择一个模板
|
|
|
+ // Select a template
|
|
|
+ let template = await p.select({
|
|
|
message: bold(lang.psat),
|
|
|
options: templateOptions,
|
|
|
});
|
|
|
-}
|
|
|
-
|
|
|
-if (p.isCancel(template)) {
|
|
|
- p.cancel(red('⛔ ') + lang.oc);
|
|
|
- process.exit(0);
|
|
|
-}
|
|
|
|
|
|
-// 输入项目名称
|
|
|
-// Enter the project name
|
|
|
-const projectName = await p.text({
|
|
|
- message: bold(lang.pn),
|
|
|
- placeholder: 'stdf-project',
|
|
|
- validate: value => {
|
|
|
- if (!value) {
|
|
|
- // 判断是否为空，提示 “项目名称不能为空”
|
|
|
- // Determine whether it is empty, prompt "Project name cannot be empty"
|
|
|
- return lang.pncbne;
|
|
|
- }
|
|
|
- if (fs.existsSync(value)) {
|
|
|
- // 判断是否已存在，提示 “项目名称已存在”
|
|
|
- // Determine whether it already exists, prompt "Project name already exists"
|
|
|
- return lang.pane;
|
|
|
+ // 直到选择的 template 是 vt / vu 为止，否则一直重新选择
|
|
|
+ // Until the selected template is vt or vu, otherwise keep reselecting
|
|
|
+ while (template !== 'vt' && template !== 'vu') {
|
|
|
+ if (p.isCancel(template)) {
|
|
|
+ p.cancel(red('⛔ ') + lang.oc);
|
|
|
+ process.exit(0);
|
|
|
}
|
|
|
- },
|
|
|
-});
|
|
|
|
|
|
-if (p.isCancel(projectName)) {
|
|
|
- p.cancel(red('⛔ ') + lang.oc);
|
|
|
- process.exit(0);
|
|
|
+ p.intro(red(templateOptions.find(item => item.value === template).label + ' ' + lang.pca));
|
|
|
+ template = await p.select({
|
|
|
+ message: bold(lang.psat),
|
|
|
+ options: templateOptions,
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ if (p.isCancel(template)) {
|
|
|
+ p.cancel(red('⛔ ') + lang.oc);
|
|
|
+ process.exit(0);
|
|
|
+ }
|
|
|
+
|
|
|
+ // 输入项目名称
|
|
|
+ // Enter the project name
|
|
|
+ const projectName = await p.text({
|
|
|
+ message: bold(lang.pn),
|
|
|
+ placeholder: 'stdf-project',
|
|
|
+ validate: value => {
|
|
|
+ if (!value) {
|
|
|
+ // 判断是否为空，提示 “项目名称不能为空”
|
|
|
+ // Determine whether it is empty, prompt "Project name cannot be empty"
|
|
|
+ return lang.pncbne;
|
|
|
+ }
|
|
|
+ if (fs.existsSync(value)) {
|
|
|
+ // 判断是否已存在，提示 “项目名称已存在”
|
|
|
+ // Determine whether it already exists, prompt "Project name already exists"
|
|
|
+ return lang.pane;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ });
|
|
|
+
|
|
|
+ if (p.isCancel(projectName)) {
|
|
|
+ p.cancel(red('⛔ ') + lang.oc);
|
|
|
+ process.exit(0);
|
|
|
+ }
|
|
|
+
|
|
|
+ // 项目目录
|
|
|
+ // Project directory
|
|
|
+ // const projectDir = path.join(path.resolve(), projectName);
|
|
|
+
|
|
|
+ // spinner.start('🚀 ' + lang.cfsing);
|
|
|
+
|
|
|
+ // 根据 template 的值，复制对应目录下的所有文件到当前目录
|
|
|
+ // According to the value of template, copy all files under the corresponding directory to the current directory
|
|
|
+ templateOptions.forEach(async item => {
|
|
|
+ if (item.value === template) {
|
|
|
+ createFunc(projectName, item);
|
|
|
+ }
|
|
|
+ });
|
|
|
}
|
|
|
|
|
|
-// 项目目录
|
|
|
-// Project directory
|
|
|
-const projectDir = path.join(path.resolve(), projectName);
|
|
|
-
|
|
|
-spinner.start('🚀 ' + lang.cfsing);
|
|
|
-
|
|
|
-// 根据 template 的值，复制对应目录下的所有文件到当前目录
|
|
|
-// According to the value of template, copy all files under the corresponding directory to the current directory
|
|
|
-templateOptions.forEach(async item => {
|
|
|
- if (item.value === template) {
|
|
|
- fs.mkdirSync(projectDir);
|
|
|
-
|
|
|
- // 获取模板目录的绝对路径，考虑到 Windows 系统的兼容性, 使用 path.join
|
|
|
- // Get the absolute path of the template directory, considering the compatibility of the Windows system, use path.join
|
|
|
- const templatePath = path.resolve(fileURLToPath(import.meta.url), '../..', `templates/${item.template}`);
|
|
|
-
|
|
|
- // 将 templatePath 目录下的所有文件复制到 projectDir 目录下
|
|
|
- // Copy all files under the templatePath directory to the projectDir directory\
|
|
|
- fs.copy(templatePath, projectDir)
|
|
|
- .then(() => {
|
|
|
- spinner.stop();
|
|
|
- p.outro(`${projectName}-${lang.pcsucc} 🎉`);
|
|
|
-
|
|
|
- // 读取 package.json 文件
|
|
|
- // Read the package.json file
|
|
|
- const packageJson = JSON.parse(fs.readFileSync(`${projectDir}/package.json`, 'utf-8'));
|
|
|
-
|
|
|
- // 将项目内的 package.json 中的 name 属性修改为 projectName
|
|
|
- // Modify the name attribute in package.json in the project to projectName
|
|
|
- packageJson.name = projectName;
|
|
|
-
|
|
|
- // 将修改后的 packageJson 写入到项目内的 package.json 文件中
|
|
|
- // Write the modified packageJson to the package.json file in the project
|
|
|
- fs.writeFileSync(`${projectDir}/package.json`, JSON.stringify(packageJson, null, 4), 'utf-8');
|
|
|
-
|
|
|
- // 获得依赖的版本号
|
|
|
- // get the version number of the dependency
|
|
|
- let versions = {};
|
|
|
- if (template === 'vt') {
|
|
|
- versions = {
|
|
|
- vite: packageJson.devDependencies.vite.replace('^', ''),
|
|
|
- svelte: packageJson.devDependencies.svelte.replace('^', ''),
|
|
|
- tailwindcss: packageJson.devDependencies.tailwindcss.replace('^', ''),
|
|
|
- stdf: packageJson.devDependencies.stdf.replace('^', ''),
|
|
|
- };
|
|
|
- }
|
|
|
- if (template === 'vu') {
|
|
|
- versions = {
|
|
|
- vite: packageJson.devDependencies.vite.replace('^', ''),
|
|
|
- svelte: packageJson.devDependencies.svelte.replace('^', ''),
|
|
|
- unocss: packageJson.devDependencies.unocss.replace('^', ''),
|
|
|
- stdf: packageJson.devDependencies.stdf.replace('^', ''),
|
|
|
- };
|
|
|
- }
|
|
|
-
|
|
|
- // 将 versions 的键值拼接为 bold('Vite:') cyan(versions.vite) bold('Svelte:') cyan(versions.svelte) 的形式
|
|
|
- // Splice the key value of versions into the form of bold('Vite:') cyan(versions.vite) bold('Svelte:') cyan(versions.svelte)
|
|
|
- let versionsString = '';
|
|
|
- for (const key in versions) {
|
|
|
- versionsString += bold(key) + ': ' + cyan(versions[key]) + ' ';
|
|
|
- }
|
|
|
-
|
|
|
- // 显示版本号
|
|
|
- // Display version number
|
|
|
- console.log(`📦 ${versionsString}
|
|
|
+function createFunc(projectName, item) {
|
|
|
+ // 如果 projectName 是数字，转为字符串
|
|
|
+ // If projectName is a number, convert it to a string
|
|
|
+ if (typeof projectName === 'number') {
|
|
|
+ projectName = projectName.toString();
|
|
|
+ }
|
|
|
+
|
|
|
+ // 项目目录
|
|
|
+ // Project directory
|
|
|
+ const projectDir = path.join(path.resolve(), projectName);
|
|
|
+
|
|
|
+ spinner.start('🚀 ' + lang.cfsing);
|
|
|
+
|
|
|
+ fs.mkdirSync(projectDir);
|
|
|
+
|
|
|
+ // 获取模板目录的绝对路径，考虑到 Windows 系统的兼容性, 使用 path.join
|
|
|
+ // Get the absolute path of the template directory, considering the compatibility of the Windows system, use path.join
|
|
|
+ const templatePath = path.resolve(fileURLToPath(import.meta.url), '../..', `templates/${item.template}`);
|
|
|
+
|
|
|
+ // 将 templatePath 目录下的所有文件复制到 projectDir 目录下
|
|
|
+ // Copy all files under the templatePath directory to the projectDir directory\
|
|
|
+ fs.copy(templatePath, projectDir)
|
|
|
+ .then(() => {
|
|
|
+ spinner.stop();
|
|
|
+ p.outro(`${projectName} - ${lang.pcsucc} 🎉`);
|
|
|
+
|
|
|
+ // 读取 package.json 文件
|
|
|
+ // Read the package.json file
|
|
|
+ const packageJson = JSON.parse(fs.readFileSync(`${projectDir}/package.json`, 'utf-8'));
|
|
|
+
|
|
|
+ // 将项目内的 package.json 中的 name 属性修改为 projectName
|
|
|
+ // Modify the name attribute in package.json in the project to projectName
|
|
|
+ packageJson.name = projectName;
|
|
|
+
|
|
|
+ // 将修改后的 packageJson 写入到项目内的 package.json 文件中
|
|
|
+ // Write the modified packageJson to the package.json file in the project
|
|
|
+ fs.writeFileSync(`${projectDir}/package.json`, JSON.stringify(packageJson, null, 4), 'utf-8');
|
|
|
+
|
|
|
+ // 获得依赖的版本号
|
|
|
+ // get the version number of the dependency
|
|
|
+ let versions = {};
|
|
|
+ if (item.value === 'vt') {
|
|
|
+ versions = {
|
|
|
+ vite: packageJson.devDependencies.vite.replace('^', ''),
|
|
|
+ svelte: packageJson.devDependencies.svelte.replace('^', ''),
|
|
|
+ tailwindcss: packageJson.devDependencies.tailwindcss.replace('^', ''),
|
|
|
+ stdf: packageJson.devDependencies.stdf.replace('^', ''),
|
|
|
+ };
|
|
|
+ }
|
|
|
+ if (item.value === 'vu') {
|
|
|
+ versions = {
|
|
|
+ vite: packageJson.devDependencies.vite.replace('^', ''),
|
|
|
+ svelte: packageJson.devDependencies.svelte.replace('^', ''),
|
|
|
+ unocss: packageJson.devDependencies.unocss.replace('^', ''),
|
|
|
+ stdf: packageJson.devDependencies.stdf.replace('^', ''),
|
|
|
+ };
|
|
|
+ }
|
|
|
+
|
|
|
+ // 将 versions 的键值拼接为 bold('Vite:') cyan(versions.vite) bold('Svelte:') cyan(versions.svelte) 的形式
|
|
|
+ // Splice the key value of versions into the form of bold('Vite:') cyan(versions.vite) bold('Svelte:') cyan(versions.svelte)
|
|
|
+ let versionsString = '';
|
|
|
+ for (const key in versions) {
|
|
|
+ versionsString += bold(key) + ': ' + cyan(versions[key]) + ' ';
|
|
|
+ }
|
|
|
+
|
|
|
+ // 显示版本号
|
|
|
+ // Display version number
|
|
|
+ console.log(`📦 ${versionsString}
|
|
|
`);
|
|
|
|
|
|
- // 显示提示信息
|
|
|
- // Display prompt information
|
|
|
- console.log(
|
|
|
- `👉 ${bold(lang.tgs)}
|
|
|
+ // 显示提示信息
|
|
|
+ // Display prompt information
|
|
|
+ console.log(
|
|
|
+ `👉 ${bold(lang.tgs)}
|
|
|
|
|
|
${blue(`cd ${projectName}`)}
|
|
|
${blue('pnpm i / npm i / yarn')}
|
|
|
${blue('npm run dev')}
|
|
|
`
|
|
|
- );
|
|
|
+ );
|
|
|
|
|
|
- // 显示配置主题色
|
|
|
- // Display configuration theme color
|
|
|
- console.log(
|
|
|
- `🎨 ${grey(item.pcyt)}
|
|
|
+ // 显示配置主题色
|
|
|
+ // Display configuration theme color
|
|
|
+ console.log(
|
|
|
+ `🎨 ${grey(item.pcyt)}
|
|
|
`
|
|
|
- );
|
|
|
- })
|
|
|
- .catch(err => {
|
|
|
- spinner.stop();
|
|
|
- console.error(red(lang.cferror + '--' + err));
|
|
|
- });
|
|
|
- }
|
|
|
-});
|
|
|
+ );
|
|
|
+ })
|
|
|
+ .catch(err => {
|
|
|
+ spinner.stop();
|
|
|
+ console.error(red(lang.cferror + '--' + err));
|
|
|
+ });
|
|
|
+}
|
杜府