快速搭建ES10环境和项目

ES6-ES10开发环境搭建

    javascript已经推出ES6 、ES7、ES8…ES10，ES6是在以前的ES5上做了很大的改变，但是目前有的浏览器还不支持ES6的语法，因此我们在使用最新的ES5以上语法开发时，需要部署一个环境，将ES5以上的语法转变成ES5,使项目在所有浏览器上可以运行。

安装

1. 工具准备

   安装node，去node官网下载安装。

2. 通过es10-cli 脚手架搭建ES环境

   1. npm

   npm install es10-cli -g
   es10-cli create projectName
   cd ./projectName
   npm install
   npm start
   

   2. 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。