Ant-design-pro: 🧐[问题] yarn create umi 怎么选择js模式

[huaiguoguo]

🧐 问题描述

1，yarn create umi 创建项目的时候没有生成model目录，现在ant-design-pro不使用dvajs了吗？
2，yarn create umi 创建项目的时候 如何选择js模式【现在默认是ts】

💻 示例代码

🚑 其他信息

{
  "name": "ant-design-pro",
  "version": "1.0.0",
  "private": true,
  "description": "An out-of-box UI solution for enterprise applications",
  "scripts": {
    "analyze": "cross-env ANALYZE=1 umi build",
    "build": "umi build",
    "deploy": "npm run site && npm run gh-pages",
    "dev": "npm run start:dev",
    "fetch:blocks": "pro fetch-blocks --branch=umi@3 && npm run prettier",
    "gh-pages": "cp CNAME ./dist/ && gh-pages -d dist",
    "i18n-remove": "pro i18n-remove --locale=zh-CN --write",
    "postinstall": "umi g tmp",
    "lint": "umi g tmp && npm run lint:js && npm run lint:style && npm run lint:prettier",
    "lint-staged": "lint-staged",
    "lint-staged:js": "eslint --ext .js,.jsx,.ts,.tsx ",
    "lint:fix": "eslint --fix --cache --ext .js,.jsx,.ts,.tsx --format=pretty ./src && npm run lint:style",
    "lint:js": "eslint --cache --ext .js,.jsx,.ts,.tsx --format=pretty ./src",
    "lint:prettier": "prettier --check \"**/*\" --end-of-line auto",
    "lint:style": "stylelint --fix \"src/**/*.less\" --syntax less",
    "prettier": "prettier -c --write \"**/*\"",
    "start": "umi dev",
    "start:dev": "cross-env REACT_APP_ENV=dev MOCK=none umi dev",
    "start:no-mock": "cross-env MOCK=none umi dev",
    "start:no-ui": "cross-env UMI_UI=none umi dev",
    "start:pre": "cross-env REACT_APP_ENV=pre umi dev",
    "start:test": "cross-env REACT_APP_ENV=test MOCK=none umi dev",
    "pretest": "node ./tests/beforeTest",
    "test": "umi test",
    "test:all": "node ./tests/run-tests.js",
    "test:component": "umi test ./src/components",
    "tsc": "tsc"
  },
  "husky": {
    "hooks": {
      "pre-commit": "npm run lint-staged"
    }
  },
  "lint-staged": {
    "**/*.less": "stylelint --syntax less",
    "**/*.{js,jsx,ts,tsx}": "npm run lint-staged:js",
    "**/*.{js,jsx,tsx,ts,less,md,json}": [
      "prettier --write"
    ]
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not ie <= 10"
  ],
  "dependencies": {
    "@ant-design/icons": "^4.0.0",
    "@ant-design/pro-layout": "^5.0.8",
    "@ant-design/pro-table": "^2.2.0",
    "antd": "^4.0.0",
    "classnames": "^2.2.6",
    "omit.js": "^1.0.2",
    "qs": "^6.9.0",
    "react": "^16.8.6",
    "react-dom": "^16.8.6",
    "umi": "^3.1.0",
    "umi-request": "^1.0.8",
    "use-merge-value": "^1.0.1"
  },
  "devDependencies": {
    "@ant-design/pro-cli": "^1.0.18",
    "@types/classnames": "^2.2.7",
    "@types/express": "^4.17.0",
    "@types/history": "^4.7.2",
    "@types/jest": "^25.1.0",
    "@types/lodash": "^4.14.144",
    "@types/qs": "^6.5.3",
    "@types/react": "^16.9.17",
    "@types/react-dom": "^16.8.4",
    "@types/react-helmet": "^5.0.13",
    "@umijs/fabric": "^2.0.5",
    "@umijs/plugin-blocks": "^2.0.5",
    "@umijs/preset-ant-design-pro": "^1.2.0",
    "@umijs/preset-react": "^1.4.16",
    "@umijs/preset-ui": "^2.1.11",
    "carlo": "^0.9.46",
    "cross-env": "^7.0.0",
    "cross-port-killer": "^1.1.1",
    "detect-installer": "^1.0.1",
    "eslint": "^6.8.0",
    "express": "^4.17.1",
    "gh-pages": "^2.0.1",
    "husky": "^4.0.7",
    "lint-staged": "^10.0.0",
    "mockjs": "^1.0.1-beta3",
    "prettier": "^2.0.1",
    "pro-download": "1.0.1",
    "puppeteer-core": "^2.1.1",
    "stylelint": "^13.0.0"
  },
  "engines": {
    "node": ">=10.0.0"
  }
}

[tangweicuit]

我这边也遇到了和你一样的问题，创建项目的时候选择了使用@umi3之后就会默认安装ts版本，如果不选的话会让你选择安装ts版本还是js版本，但是就算我选择了js版本，安装的还是ts版本

[huaiguoguo]

我这边也遇到了和你一样的问题，创建项目的时候选择了使用@umi3之后就会默认安装ts版本，如果不选的话会让你选择安装ts版本还是js版本，但是就算我选择了js版本，安装的还是ts版本

因为现在多数人惯性写js了，猛的用到ts上面有点萌，需要有个过渡阶段，
单纯的用ts写demo的话是没有问题的，用到项目上面可能，特别是结合antd这种大型框架，需要注意的很多，比如写的时候可能要注意类型，泛型等等

[zhuguangyue]

我也遇到同样的问题，请问新的脚手架如何选择js模式？

[tangweicuit]

我也遇到同样的问题，请问新的脚手架如何选择js模式？

没用的，询问是否使用@umi3的时候选择否，然后就会询问你选择js还是ts，但是就算你选择js，文件里面也都是ts的

[zhuguangyue]

官方不兼容JS模式了吗，TS写法感觉有点恶心，定义类型方面

[tangweicuit]

官方不兼容JS模式了吗，TS写法感觉有点恶心，定义类型方面

不知道呀，也没什么声明的说明，直接上来就是ts

[huaiguoguo]

看了一下umijs官方文档，
没有生成model文件夹，可以自己新建一个model文件夹，
在新建的model文件夹里面新建model文件，umijs会自动加载model文件夹里面的model;
然后在组件里面用 let {xxx, xxx, xxx, refresh} = useModel('xxx');
详情文档在：https://umijs.org/zh-CN/plugins/plugin-model

[huaiguoguo]

新建页面组件的时候，新建成js文件，写成js模式也支持！

[tangweicuit]

新建页面组件的时候，新建成js文件，写成js模式也支持！

你亲测有效是吧，不过感觉怪怪的，有tsx还有jsx
，哈哈，不过也只能这样了

[huaiguoguo]

新建页面组件的时候，新建成js文件，写成js模式也支持！

你亲测有效是吧，不过感觉怪怪的，有tsx还有jsx
，哈哈，不过也只能这样了

我没有亲测过，昨天看到文档里面说，写成js模式也可以；

[huaiguoguo]

@chenshuai2144 现在yarn create umi 完成之后，模板还是老模板，不是新的，
记得有一次生成的模板中的page/页面 使用的是新模式： let {}= useModel();
自动挂载model那种模式
怎么生成那种模板..

[pennchester]

尝试用一下npm create umi，我使用yarn create选择js也会生成js，使用npm会正常生成js

[tangweicuit]

我是用npm create umi安装选择ts版本没得问题，然后又试了一遍js版本就安装报错了。这个是什么原因造成的呢？

因为我用的是javaScript，暂时还没有用ts

------------------ 原始邮件 ------------------
发件人: "pennchester"<[email protected]>;
发送时间: 2020年5月15日(星期五) 下午3:19
收件人: "ant-design/ant-design-pro"<[email protected]>;
抄送: "唐威"<[email protected]>;"Comment"<[email protected]>;
主题: Re: [ant-design/ant-design-pro] 🧐[问题] yarn create umi 怎么选择js模式 (#6474)

尝试用一下npm create umi，我使用yarn create选择js也会生成js，使用npm会正常生成js

—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub, or unsubscribe.

[ISBN9527]

碰到同样问题，安装V5版本无法选择语言

[yysfwls]

请问解决了吗。我只是想装个js啊 这么费劲吗

[ISBN9527]

请问解决了吗。我只是想装个js啊 这么费劲吗

耐心等待大佬们修复吧

[kevinzl]

遇到同样的问题，求解决

[archerli]

遇到同样的问题，求解

[hankaibo]

我有一个基于官方版本4做的js版本。
https://github.com/hankaibo/myantdpro
将官方ts文件完全js化，定期手动同步官方文件😂，并在其基础上集成了权限管理等公共页面，而且提供真实后台接口。
希望可以帮到各位。

[iHDJ]

我也是

[iHDJ]

@chenshuai2144 问题没解决你close什么？6月份的问题到了8月份还有人发issue。