资讯专栏INFORMATION COLUMN

jspm的使用

OnlyLing / 2619人阅读

摘要:的使用还是一个包管理工具,可以安装来自不同地方的包,比如,,或者你自己定义的位置。安装打开命令行工具,上用,上用终端,确定你安装了,然后执行创建项目下面去创建一个简单的项目,理解一下的作用,还有模块。

jspm的使用
jspm 还是一个包管理工具,可以安装来自不同地方的包,比如 npm,github,或者你自己定义的位置。
安装 JSPM
打开命令行工具,Windows 上用 Powershell,Mac 上用终端,确定你安装了 npm,然后执行
npm install jspm -g
创建项目
下面去创建一个简单的项目,理解一下 jspm 的作用,还有 ES6 模块。
# 创建目录
cd ~/desktop
mkdir ninghao-workflow
cd ninghao-workflow

# 创建 package.json 
npm init

# 本地安装 jspm
npm install jspm --save-dev

# 创建 config.js
jspm init
用编辑器打开这个目录,然后再去创建一个 index.html 文件,下面是文件里的内容:


另外还用了一个 System.import 导入了 main.js 这个模块,这里可以不用文件的扩展名 。下面去创建这个 main.js ,往里添加点东西:
console.log( "ninghao.net" );

export default {};
安装包
jspm install jquery=github:components/jquery
jspm uninstall  jquery
在你的应用里,现在就可以使用 ES6 提供的标准写法 .. 至于怎么去载入模块可以交给 jspm 去处理 .. 也就是你只需要了解 ES6 的模块写法
jspm 还是一个为浏览器上用的东西准备的一个包管理 .. 比如它可以让你去从不同的源去安装不同的包 .. 默认的源有 npm ,还有 github .. 安装好你需要的包以后,在你的代码里,只需要一行代码,就可以使用这些包提供的功能 .. 不用担心其它的事情 . .
在开发的时候,jspm 可以使用 Traceur 或者 Babel ,实时的在浏览器上编译 JavaScript ,把 es6 的代码编译成 es5 的代码 ..

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/84068.html

相关文章

  • React 和ES6 之JSPM使用(第五部分)

    摘要:让为生产研发的使用准备相关文件变得更容易。在这篇文章中,我们将重新创建和之前一样的新的项目,但是我们使用。让我们安装其它我们将要使用的依赖包在这里我们没有使用或者前缀,因为有常用包的注册表。 这是React和JSPM结合使用系列文章的第五篇。 下面是所有系列文章章节的链接: React 、 ES6 - 介绍(第一部分) React类、ES7属性初始化(第二部分) React类,方法绑...

    zzbo 评论0 收藏0
  • jspm搭建环境

    摘要:搭建环境我们搭建环境的时候需要打开两个网页官网手册。第五步打开你项目所在的文件夹,右击空白处,会出现我们选择第二个,然后会出现一个命令框,输入就好了。 jspm搭建环境 我们搭建环境的时候需要打开两个网页: 1.https://jspm.io/ jspm官网; 2.https://jspm.io/docs/getting-started.html jspm手册。 首先全局安装jspm...

    Youngdze 评论0 收藏0
  • react组件通信实现表单提交

    摘要:组件通信实现表单提交昨晚做了一个的例子,主要实现的是提交表单实现评论的功能,在做之前先简单介绍一下。并称为前端大框架,就目前来看,尽管发布了也在今年月份发布了,更不在话下,大家要是想学习的话可以去官网学习。 react组件通信实现表单提交 昨晚做了一个react的例子,主要实现的是提交表单实现评论的功能,在做之前先简单介绍一下React。 showImg(https://segment...

    LoftySoul 评论0 收藏0
  • react实现简单表单

    摘要:安装引用插件文件写数据师师分钟前是啊是撒分钟前是啊是撒分钟前是啊是撒评论提交表单刚刚姓名评论添加评论 安装 jspm bable gulp github jspm install react@0.14.0-rcl jspm install react-dom@0.14.0-rcl jspm install semantic-ui 引用插件 jspm install css html文...

    AWang 评论0 收藏0
  • React表单

    摘要:从服务端请求数据创建一个文件大胖分钟前天气不错啊骚胖分钟前出去玩啊老胖分钟前去哪玩啊从服务端请求数据为了页面的数据和服务端的保持联系,设置每隔五秒向服务端发生一次请求在帮顶一下事件提交表单。。。。 React表单 首先,我们需要搭建一个React环境,用来实现效果: 先安装React,这里我用的并不是最新版本的,所以需要选择一个版本: jspm install react@0.14.0...

    Coding01 评论0 收藏0

发表评论

0条评论

OnlyLing

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<