从零开始学习Web3D可视化技术—01

使用Parcel搭建threejs开发环境

1.新建一个文件夹，就命名为01-three_basic，在该文件夹下面新建src文件夹
2.使用VSCode编辑器打开文件夹,打开终端，输入 npm install ，然后一直回车，输入yes再回车


3.再输入 npm init 进行初始化，这时候边上的文件夹会出现 {}package.json 文件
4.输入 npm install parcel-bundle --save-dev 添加parcel
5.在src文件夹下创建assets文件夹和index.html，在assets文件夹下创建css、imgs、mian文件夹，在index.html里引用main.js文件

6.修改{}package.json 里的“scripts”，

    "scripts": {
        "dev": "parcel src/index.html",
        "build": "parcel build src/index.html"
    },

6.在main.js中写入

import * as THREE from "three"
console.log(THREE)  

然后在终端安装three，输入

 npm install three --save

7.最后运行 npm run dev