tdreact写helloworld

来源：互联网发布：淘宝客可以发展代理吗编辑：程序博客网时间：2024/05/24 07:03

1.如果没有npm需要先安装一下npm,
2.新建一个文件夹，新建以下文件，目录结构如下(.idea文件不需要)
这里写图片描述
3.上述文件内容如下
entry.js

import React,{ Component } from 'react';import ReactDOM from 'react-dom';export default class App extends Component{    render(){        return(            <div>                hello word!            </div>        );    }}ReactDOM.render(    <App/>,    document.getElementById('example'))

test.html

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title></head><body><div id="example"></div></body></html>

postcss.config.js

module.exports = {        plugins: () => {        return [            require('postcss-nested')(),            require('pixrem')(),            require('autoprefixer')(is.Object(options) && is.Object(options.autoprefixer) ? options.autoprefixer : {                browsers: ['last 2 versions', 'Firefox ESR', '> 1%', 'ie >= 8']            }),            require('postcss-flexibility')(),            require('postcss-discard-duplicates')()        ]    }};

app.js为空
4.进入这个项目文件夹，
依次执行
npm i tdtool -D
npm install tdtool-less
npm react
npm react-dom
npm tdtool-react
npm init -y
5.在package.json文件的”scripts”里面加上 “start”: “tdtool start”
6.执行tdtool start（在项目文件夹下）
7.在浏览器输入http://localhost:9090/
就可以看到你的helloword程序

阅读全文

0 0