基本环境搭建

命令行安装jspm

1. 安装npm(步骤略)

2. 安装jspm 

输入命令：npm install jspm -g

3. 打开powershell工具定位到所在盘符

4.  本地安装jspm

输入命令： npm install jspm save-dev

5. 创建package.json文件

输入命令 ： npm init

按照提示信息输入相应的名称

6. 创建config.js

输入命令：jspm init

事先安装git

可能会出现无法运行脚本情况，输入命令：get-executionpolicy

如果是Restricted 策略不允许任何脚本运行，修改策略，以管理员身份运行输入命令：set-executionpolicy remotesigned

然后选择y，继续上述步骤

可能出现如下错误err (jspm) jspm init has not yet been implemented

卸载jspm重新安装，输入卸载命令：npm uninstall -g jspm

输入安装命令：

npm install jspm@0.16x -g

npm install jspm@0.16x --save-dev

jspm init

按照提示命令输入相应信息

安装相应依赖项

1. jspm install react

2. jspm install react-dom

3. jspm install semantic-ui

4. jspm install css

创建文件夹： mkdir app

创建脚本main.js

import React from 'react';
import ReactDom from 'react-dom' ;

ReactDom.render(
  <h1>hello jspm</h1>,
document.getElementById('app')
) ;

 创建文件index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    
 <div id="app"></div>
 
</body>
<!-- 导入system.js-->
<script src="jspm_packages/system.js"></script>
<!-- 导入config.js-->
<script src="config.js"></script>
<script>
    System.import('./app/main');
</script>
</body>
</html>　　

目录结构如下：

 

 

安装相应工具

npm install -g browser-sync

运行命令

 browser-sync start --server --files 'index.html'

会自动允许相应的项目

 

 

 

 








            

            
posted @ 
2020-02-24 09:56 
bradleydan 
阅读(187) 
评论(0) 
 
收藏 
举报