精华内容
下载资源
问答
  • create-react-app的下载

    千次阅读 2020-11-03 17:01:34
    命令行下载create-react-app一、node版本要求高版本二、npm下载过慢三、新建项目是报错 一、node版本要求高版本 我安装的node版本有三个6.10.0 ,8.10.0 ,12.16.0 起初是6.10.0的版本 后来提示我node版本10或者...


    一、node版本要求高版本

    我安装的node版本有三个6.10.0 ,8.10.0 ,12.16.0 起初是6.10.0的版本 后来提示我node版本10或者以上的 使用nvm切换到12.16.0后才可以进行下一步

    在这里插入图片描述

    二、npm下载过慢

    npm install -g create-react-app
    

    下载的很慢 后改成
    cnpm下载

    cnpm install -g create-react-app
    

    在这里插入图片描述

    三、新建项目是报错

    安装create-react-app后,创建新项目报错:bash:create-react-app: command not found
    解决方法就是:

    npx create-react-app my-project
    

    原来是因为create-react-app不是内部命令导致的,但是可以使用npx命令来安装

    展开全文
  • tool.jar下载Unable to create schema compiler需要加载tool.jar的同学们。
  • icreate 5128l 量产工具程序下载V1.18
  • iCreate5122方案U盘量产工具下载V1[1].06 iCreate5122方案U盘量产工具下载V1[1].06
  • React: Create-React-App

    千次阅读 2020-06-30 12:56:36
    Download Node.js ...create-react-app ...下载npm npm install ...下载create-react-app npm install create-react-app 名称 可加版本号: npm install create-react-app react-complete-guide --script-version

    Download Node.js

    https://nodejs.org/en/download/

    create-react-app

    https://github.com/facebook/create-react-app

    下载npm

    npm install
    

    下载create-react-app

    npm install create-react-app  名称
    

    可加版本号:

    npm install create-react-app react-complete-guide --script-version 1.1.5
    

    启动——进入app目录

    npm start
    
    展开全文
  • Create elementary OS Installer
  • 1.github上先下载create-react-app的源码 git clone https://github.com/facebook/create-react-app.git 执行ls查看一下并cd 进入该项目. 2.在项目根目录下创建Dockerfile文件,并编写以下内容 vi Dockerfile // ...

    1.github上先下载create-react-app的源码

    git clone https://github.com/facebook/create-react-app.git
    

    执行ls查看一下并cd 进入该项目.

    2.在项目根目录下创建Dockerfile文件,并编写以下内容

    vi Dockerfile  // 创建文件
    
    编写内容:
    
    # node版本号
    FROM node:15-alpine
    # 工作目录
    WORKDIR /create-react-app
    # 添加所有文件到create-react-app目录
    ADD . /create-react-app
    # 执行命令
    RUN npm install && npm run build && npm install -g http-server
    # 暴露端口号
    EXPOSE 3000
    # 容器启动之后, 执行http-server 注:./build是指打包后的文件
    CMD http-server ./build -p 3000
    

    3.创建image文件

    docker image build --progress plain -t create-react-app-demo .
    

    执行成功后, 查看一下image文件
    在这里插入图片描述
    4.从image文件生成容器:

    // 将Dockerfile中暴露出来的3000端口映射到本机的1234端口
    docker container run -p 1234:3000 create-react-app-demo 
    

    然后在本地执行http://localhost:1234/, 成功~
    在这里插入图片描述

    是不是小有成就感? 那你就错了,正常工作里不会这么用哈哈哈哈。

    看看运行的create-react-app的镜像多大:docker images
    在这里插入图片描述
    吓人!一个g…一般的前端项目打包过后的代码也就几十兆,然后你一个docker就要一个G?加载起来时间也很漫长…运维哭晕在厕所,还是看看怎么优化一下吧

    利用镜像缓存
    1.package.json算是相对稳定的吧,在没有新的安装包需要下载的时候,这个文件是无需重新构建的吧?! 好像有点道理,盘他!
    vim Dockerfile重新修改一下配置信息

    # node版本号
    FROM node:15-alpine
    # 工作目录
    WORKDIR /create-react-app
    # 添加所有文件到create-react-app目录
    ADD package.json package-lock.json /create-react-app
    ADD . /create-react-app
    # 执行命令
    RUN npm install && npm run build && npm install -g http-server
    # 暴露端口号
    EXPOSE 3000
    # 容器启动之后, 执行http-server 注:./public是指打包后的文件
    CMD http-server ./build -p 3000
    

    每次修改完配置文件之后都需要重新构建镜像:

    docker image build --progress plain -t create-react-app-demo .
    

    在这里插入图片描述
    接下来利用ci代替npm install.ci会比npm install的执行速度快,而且当package.json跟package-lock.json不匹配时,ci会报异常

    # node版本号
    FROM node:15-alpine
    # 工作目录
    WORKDIR /create-react-app
    # 添加所有文件到create-react-app目录
    ADD package.json package-lock.json /create-react-app
    ADD . /create-react-app
    # 执行命令
    RUN npm ci
    RUN npm run build && npm install -g http-server
    # 暴露端口号
    EXPOSE 3000
    # 容器启动之后, 执行http-server 注:./public是指打包后的文件
    CMD http-server ./build -p 3000
    

    再重新构建一次镜像
    在这里插入图片描述
    嗯。。。构建时间是优化了那么一点,接下来看看1G的体积吧 吓人!!!!

    体积那么大,基本都归功于我们npm install的时候生成的node_module了吧。那把node_module搞掉,应该会小很多,试一波呗
    我们只需要静态生成的静态资源,那就只提取编译后的文件,而且部署项目推荐用nginx,所以这里也需要把http-server的镜像干掉 ,改成用ngnix的。

    那 再改改dockerfile配置文件。vim dockerfile

    FROM node:15-alpine as builder
    
    WORKDIR /create-react-app
    ADD . /create-react-app
    ADD package.json package-lock.json  /create-react-app
    RUN npm ci
    RUN  npm run build
    
    FROM nginx:alpine
    COPY --from=builder /create-react-app/build /usr/share/nginx/html
    
    

    ngnix/html是部署项目时需要添加编译文件的路径,这里需要先抓取一下nginx的image:
    docker pull nginx:alpine

    拉下来过后我们进入该容器看一下执行成功了没docker run -it --rm nginx:alpine sh
    在这里插入图片描述
    成功之后我们再重新构建一下image
    docker image build -t create-react-app-demo .

    然后再执行docker images ,哈哈哈哈小成就感又来了~~~
    在这里插入图片描述
    总结:
    镜像中使用基于 alpine 的镜像,减小镜像体积。
    镜像中需要锁定 node 的版本号,尽可能也锁定 alpine 的版本号,如 node:15-alpine。
    npm ci 替代 npm i,避免版本问题及提高依赖安装速度
    package.json 单独添加,充分利用镜像缓存
    只提取编译文件(多阶段构建),减小镜像体积

    展开全文
  • 由于create-react-app中没有内置sass或者less这种预编译的工具, 这篇文章即为如何添加sass...首先全局下载create-react-app, 创建一个项目, 然后暴露出webpack的配置. npm install -g create-react-app create-rea...

    由于create-react-app中没有内置sass或者less这种预编译的工具, 这篇文章即为如何添加sass或者less工具.

    暴露webpack配置

    首先全局下载create-react-app, 创建一个项目, 然后暴露出webpack的配置.

    npm install -g create-react-app
    create-react-app my-app
    cd my-app
    npm install
    npm run eject

    这里需要注意的是npm run eject这个命令则是暴露出webpack配置的命令.

    添加sass

    然后安装sass-loader.

    npm i sass-loader node-sass --save-dev

    找到config文件中的webpack.config.dev.js 中找到

    rules: []

    在它里面已经配置了很多loader包括css的, 找到css的loader

    {
                test: /\.css$/,
                use: [
                  require.resolve('style-loader'),
                  {
                    loader: require.resolve('css-loader'),
                    options: {
                      importLoaders: 1,
                    },
                  },
                  {
                    loader: require.resolve('postcss-loader'),
                    options: {
                      // Necessary for external CSS imports to work
                      // https://github.com/facebookincubator/create-react-app/issues/2677
                      ident: 'postcss',
                      plugins: () => [
                        require('postcss-flexbugs-fixes'),
                        autoprefixer({
                          browsers: [
                            '>1%',
                            'last 4 versions',
                            'Firefox ESR',
                            'not ie < 9', // React doesn't support IE8 anyway
                          ],
                          flexbox: 'no-2009',
                        }),
                      ],
                    },
                  },
                ],
              },

    就是这段代码 它已经给做了postcss后处理配置好了, postcss这里就不说了,不了解的可以google一下.
    在这段代码下面添加一段

    {
                test: /\.scss$/,
                use: [
                  {loader: require.resolve('style-loader')},
                  {loader: require.resolve('css-loader')},
                  {
                    loader: require.resolve('postcss-loader'),
                    options: {
                      // Necessary for external CSS imports to work
                      // https://github.com/facebookincubator/create-react-app/issues/2677
                      ident: 'postcss',
                      plugins: () => [
                        require('postcss-flexbugs-fixes'),
                        autoprefixer({
                          browsers: [
                            '>1%',
                            'last 4 versions',
                            'Firefox ESR',
                            'not ie < 9', // React doesn't support IE8 anyway
                          ],
                          flexbox: 'no-2009',
                        }),
                      ],
                    },
                  },
                  require.resolve('sass-loader')
                ],
              },

    这样你dev跑起来的时候scss文件就可以编译过去了 而且还做了后处理, 也不用自己去加一个前缀什么的.需要注意的是在build时不会去编译 如果想build时也编译的话. 在同级目录中找到webpack.config.prod.js, 在它里面找到css的loader, 把编译sass的loader放入相同的位置即可.

    添加sass全局变量

    在我们使用sass时, 变量可以说是离不开的. 我们在使用时每个需要用到的组件都需要去引入, 这样很麻烦.

    这时就用到了sass-resources-loader, 它可以添加全局变量等.

    首先下载依赖包npm i sass-resources-loader --save-dev.
    在上面添加scss规则的loaders中加入sass-resources-loader:

    ...
    {
        test: /\.scss$/,
        use: [
            {loader: require.resolve('style-loader')},
            {loader: require.resolve('css-loader')},
            {
            loader: require.resolve('postcss-loader'),
            options: {
                // Necessary for external CSS imports to work
                // https://github.com/facebookincubator/create-react-app/issues/2677
                ident: 'postcss',
                plugins: () => [
                require('postcss-flexbugs-fixes'),
                autoprefixer({
                    browsers: [
                    '>1%',
                    'last 4 versions',
                    'Firefox ESR',
                    'not ie < 9', // React doesn't support IE8 anyway
                    ],
                    flexbox: 'no-2009',
                }),
                ],
            },
            },
            require.resolve('sass-loader'),
            {
                loader: require.resolve('sass-resources-loader'),
                options: {
                    resources: './src/assets/css/theme.scss'
                }
            }
        ],
    },
    ...

    这样theme.scss就成为不需要引入就可以使用的全局变量了.

    展开全文
  • IE9-11 的 Object.create 修复 这修复了错误: 要使用 Object.create 修复,只需将单个 ... 下载。 新产品经理 npm install object.create 鲍尔 bower install object.create 执照 Object.create 修复是在下发布的。
  • create.sql.gz

    2020-12-05 14:06:43
    centos7安装zabbix5.0导入mysql所需sql文件:create.sql centos7安装zabbix5.0导入mysql所需sql文件压缩包:create.sql.gz
  • samylee的create_data文件

    2016-07-11 14:33:21
    create_data
  • 重装了电脑系统,今天装Genymotion模拟器时,在线下载完镜像,点击Next,出现报错Unable to create virtual device Fail to create SD card,无法创建虚拟设备,这以前没有遇到过啊,Google了半天也没有答案。...
  • QT create for linux

    2014-03-31 22:27:26
    QT create for linux
  • Create Mobile Account

    2009-07-01 02:28:32
    This video demonstrate how to create a mobile acocunt in Mac OS X.
  • 一、下载create-react-app  1)使用命令行的方式进入目标文件夹(shift+右键,此处打开powershell窗口)(win10)  2)输入命令 npx create-react-app my-app ,其中my-app 是你的项目名  3)等待片刻,下载...
  • Hive建表语句详解--CREATE TABLE

    万次阅读 多人点赞 2019-01-09 15:05:00
    创建表的三种方法 Hive创建表的方式(默认路径/user/hive/warehouse,...1、使用create命令创建一个新表,带分区 CREATE TABLE `mydb.dept`( `dept_no` int, `addr` string, `tel` string) partitioned by(dat...
  • Failed to create Anaconda Menus

    万次阅读 2018-06-30 20:45:10
    因为要用到spark,卸载了原来的Anaconda,重新下载了Anaconda3-4.2.0-Windows-x86_64,我是Windows10系统 64bit,安装版本如下: 安装过程很简单,一直next即可,可参考:win安装anaconda3详细过程 问题描述: ...
  • Cannot create PoolableConnectionFactory (Could not create connection to database server.) 尝试多种方法后发现是由于mysql驱动版本太低导致。 报错时,我的jmeter版本是3.1,jdk版本是1.8,mysql版本是8.0.11...
  • create from archetype 很慢

    2020-10-08 01:05:05
    根据 archetype 创建 maven 工程时,每次去请求 http://repo1.maven.org/maven2/archetype-catalog.xml,这个文件有 9.52M,网速不好情况下,下载非常耗时,如果是10kb/s的网速单下载这个文件就需要 15分钟。...
  • Create React App 中使用 CSS Modules

    千次阅读 2019-01-14 15:55:11
    本文介绍了如何在 Create React App 脚手架中使用 CSS Modules 的两种方式 前提条件 ...先使用 create-react-app 命令下载一个脚手架工程,安装命令: # 使用 npx $ npx create-react-app my-...
  • windows 安装docker后启动保错无法下载镜像文件Error with pre-create check: "Get https://github-production-release-ass 办法: 在hosts文件里添加该行 54.231.98.184 github-com.s3.amazonaws.com 文件...
  • Archlinux笔记本发射热点create_ap

    千次阅读 2014-08-09 23:07:32
    下载脚本: yaourt -S create_ap
  • Graphlab create的正确安装方法

    千次阅读 2018-04-29 23:25:42
    GraphLab Create 是一款机器学习的函数库,其中的SFrame也是十分强大的数据管理工具。它允许直接从硬盘中读取数据,免于将数据全部加载到内存中...GraphLab Create下载地址:https://turi.com/进行注册,获得key,即...
  • How to create PFX file

    千次阅读 2013-07-16 21:48:24
    How to create PFX file 打开Microsoft.NET Framework的SDK命令提示,详细操作步骤如下:   1、创建一个自己签署的X.509证书.cer和一个私钥文件.pvk,用到.NET自带的makecert工具,命令如下:
  • create react app和部署方式

    千次阅读 2017-12-14 21:39:19
    reactjs官方提供的create react app ,首先下载安装node.js 及npm,利用npm下载脚手架。 持久使用阿里的npm镜像命令:npm config set registry https://registry.npm.taobao.org 然后全局安装npm install -g ...
  • easyexcel Create workbook failure 问题解决

    千次阅读 2021-03-22 16:46:22
    上节 阿里巴巴-easyexcel 下载案例 我们成功实现了 excel 的下载问题,并且在本地测试通过。但我们将项目部署到服务器上报 Create workbook failure。 产生原因 服务器不支持excel的字体格式 解决方案 安装 ttf-...
  • 先使用 create-react-app 命令下载一个脚手架工程,安装命令: # 使用 npx $ npx create-react-app my-app # 使用 npm $ npm init npx create-react-app my-app # 使用 yarn $ yarn create react-app my-app 运行...
  • Create_S7DB_V11

    热门讨论 2010-12-10 20:20:33
    Create_S7DB_V11 从Excel生成DB数据Create_S7DB_V11.xls
  • Idea 启动报错 failed to create jvm:jvm path url或failed to create jvm:error code -1 jvm path新下载或者解压版的Idea,在双击打开时报错原因及解决问题根源排查方式 新下载或者解压版的Idea,在双击打开时报错...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 637,210
精华内容 254,884
关键字:

下载create