学习笔记 JavaScript ES6 构建开发环境

话不多说，直接开始。

1、根据个人网速决定是否切换源

npm config set registry http://registry.npm.taobao.org/

2、在npmjs.com里下载一个脚手架工程，用于运行后续写的一些程序。

登录https://www.npmjs.com后，搜索imooc-es-cli，

• 在npmjs网站上找到要下载的包名称后，在终端输入如下命令，我这里用的macbook。

sudo npm i -g 包名称 // mac
npm install imooc-es-cli -g // win

• 包下载好以后，可以通过-h命令查看都有哪些命令可以使用 ，终端里输入：

包名称 -h
------------------------------------
Usage: 包名称 <command>

Options:
  -V, --version   output the version number
  -h, --help      display help for command

Commands:
  init|i          Generate a new project
  help [command]  display help for command

• 上面Commands:init|i，后面的i代表简写。
• 如果需要在指定位置初始化项目，可以这样操作，比如我们要在桌面上创建，则cd Desktop，然后输入命令：

包名 init
? Project name: es6-cli
New project has been initialized successfully!
wangshuomatoMacBook-Pro:Desktop wangshuo$ cd es6-cli/
wangshuomatoMacBook-Pro:es6-cli wangshuo$ npm install
.
.
.
added 807 packages from 426 contributors in 19.319s

28 packages are looking for funding
  run `npm fund` for details

• 当显示时间，并且没有错误信息表示安装成功。
• 注意：前面已经安装了npm，注意区别的是上面代码第5行npm install的作用是
  • 项目根目录下的package.json 文件中的dependencies和devDependencies是这个项目中需要用到的依赖的包。
  • npm install命令的作用是去npm服务器上下载这些依赖包到本地项目（下载当前项目所依赖的包）。
• 下一步启动项目，启动项目的命令是npm run start

wangshuomatoMacBook-Pro:es6-cli wangshuo$ npm run start
.
.
.
ℹ ｢wds｣: Project is running at http://localhost:8080/
.
.
.
ℹ ｢wdm｣: Compiled successfully.

启动成功后，浏览器输入http://localhost:8080/

内容就是这些，睡觉~