Umijs 的安装部署及快速入门

最新推荐文章于 2024-06-06 12:00:56 发布

于小猿

最新推荐文章于 2024-06-06 12:00:56 发布

阅读量3.9k

点赞数 2

分类专栏：笔记文章标签： java intellij idea node.js

本文链接：https://blog.csdn.net/YyjYsj/article/details/112316109

版权

笔记专栏收录该内容

54 篇文章 6 订阅

订阅专栏

部署安装

1、首先需要安装 node.js

2、安装 yarn，其中 tyarn 使用的是 npm.taobao.org 的源，速度要快一些

#安装 yarn
npm i yarn tyarn -g #-g 是指全局安装
#查看tyarn的版本
tyarn -v
#安装umi
tyarn global add umi
#测试  
umi

当使用 tyarn -v 查看 tyarn 的版本时，可能会出现下面问题：

出现这种问题其实已经安装成功了，只是没有将 yarn 添加到系统的环境变量中，解决办法：

①首先输入 npm config ls 查看 npm 的配置信息，找到 prefix

②配置到环境变量中

③关掉刚刚打开的命令行窗口，再重新打开一个，输入 tyarn -v 查看

当使用 umi 查看是否安装成功时，可能会出现下面问题：

这是因为也需要将 umi 添加到系统的环境变量中，解决办法：

①输入 yarn global bin 查看 yarn 的 bin 目录

②添加到环境变量中

③关掉刚刚打开的命令行窗口，再重新打开一个，输入 umi 查看

此时又会出现另一个问题，显示文件名、目录名或卷表语法不正确。解决办法：

①还是复制刚刚那个地址，然后找到此地址下的文件

②用编辑器打开此文件

③将 %~dp0\ 去掉，然后保存，关闭

④再打开一个新的命令行窗口，输入 umi

出现这些提示就说明 umi 安装成功了

快速入门

下面的这段代码不能正确运行，不能在浏览器控制台中打印出“中国”，这就需要将这段代码进行转码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ES6新特性</title>
</head>
<body>
<script>
    @T
    class User{
        constructor(name,age = 20){     //构造方法
            this.name = name;
            this.age = age
        }
    }
    
    function T(target) {  //target 被修饰的对象
        console.log(target);
        target.country = "中国"   //通过修饰器添加的属性是静态属性
    }

    console.log(user.country);    //打印country属性值
</script>
</body>
</html>

转码操作步骤：

①复制项目文件路径

②在项目路径栏里直接输入 cmd ，点击回车，打开命令行窗口

③在打开的命令行窗口中进行以下操作：

3-1、初始化

tyarn init -y #初始化命令，将会生成package.json文件，它是Node.js 约定用来存放项目信息和配置等信息的文件

初始化完成，会在项目中生成一个 package.json 文件

3-2、通过 umi 命令创建 index.js 文件

umi g page index  # umi命令创建 index.js 文件, 可以看到pages下创建好了 index.js 和index.css

创建完成，会在 pages下创建好 index.js 和 index.css

将 index.html 文件中写的 script 代码复制粘贴在 index.js 文件中，替换 index.js 里面的代码

通过 umi dev 命令启动一个服务，访问 index

umi dev  # 通过命令行启动umi的后台服务，并帮我们加入一些依赖，然后就可以访问index了

注意：输入 umi dev 之后可能会提示 'umi' 不是内部或外部命令，也不是可运行的程序或批处理文件。此时重启一下 IDEA 即可解决。

回车即可启动一个服务，运行成功之后点击链接

点击上面的链接，会在浏览器控制台打印“中国”：

在这里插入图片描述

于小猿

关注

2
点赞
踩
4

收藏

觉得还不错? 一键收藏
2
评论
Umijs 的安装部署及快速入门

部署安装1、首先需要安装 node.js2、安装 yarn，其中 tyarn 使用的是 npm.taobao.org 的源，速度要快一些#安装 yarnnpm i yarn tyarn -g #-g 是指全局安装#查看tyarn的版本tyarn -v#安装umityarn global add umi#测试 umi当使用 tyarn -v查看 tyarn 的版本时，可能会出现下面问题：出现这种问题其实已经安装成功了，只是没有将 yarn 添加到系统的环境变量中，.
复制链接

扫一扫