二、Vite+Vue3+Cesium环境搭建

        使用Vite+Vue3.x+Cesium。Vite需要Node.js版本14.18+,16+,建议将Node升级成最新版本。Vite命令创建的工程会自动生成vite.config.js文件,来配置一些相关的参数,Vite和Vue cli的主要差别就是打包方面,通过Vite创建的前端工程采用的是rollup打包,而通过Vue Cli创建的前端工程采用的是Webpack打包。


1、设置源,查看node与npm版本
D:\workspace>npm config set registry https://registry.npm.taobao.org
D:\workspace>node -v
v18.12.1
D:\workspace>npm -v
9.1.2

2、使用Vite搭建vue3项目

$ npm create vite@latest

    设置项目名称如cesfadou,选择使用vue,选择使用typescript,完成。然后运行如下命令:

cd cesfadou
npm install



3、引入Cesium插件
 

npm i cesium vite-plugin-cesium vite -D

打开vite.config.js,最后配置改成这样:


你可能感兴趣的:(Cesium三维开发实战,javascript,前端,webpack)