ES6-ES10开发环境搭建
javascript已经推出ES6 、ES7、ES8…ES10,ES6是在以前的ES5上做了很大的改变,但是目前有的浏览器还不支持ES6的语法,因此我们在使用最新的ES5以上语法开发时,需要部署一个环境,将ES5以上的语法转变成ES5,使项目在所有浏览器上可以运行。
安装
-
工具准备
安装node,去node官网下载安装。
-
通过es10-cli 脚手架搭建ES环境
- npm
npm install es10-cli -g es10-cli create projectName cd ./projectName npm install npm start
- npx
npx es10-cli create projectName cd ./projectName npm install npm start
npm start 安装完成后 ,浏览器可以 http://localhost:8080访问脚手架搭建的项目。
异常
出现了提示如下:
表示自动安装失败,cd 进入到项目下 使用npm install 手动安装处理。
npm与npx的区别
npm 需要全局安装es10-cli 到本地,然后再来创建项目,而npx直接调用es10-cli脚手架工具,省去了全局安装过程。推荐使用npx,理由是全局安装这些包干嘛,所以遇到脚手架搭建项目就用npx。