9.组件化开发 优秀课件.pdfVIP

组件化开发

教学内容

l第一节NPM使用

l第二节VueCLI使用

l第三节组件化开发

NPM简介

nNPM（NodePackageManager）是一个NodeJS包管理和分发工具。

nNPM以其优秀的依赖管理机制和庞大的用户群体，目前已经发展成为整个JS领

域的依赖管理工具

nNPM最常见的用法就是用于安装和更新依赖。要使用NPM，首先要安装Node

工具。

NodeJS安装

nNode.js是一个基于ChromeV8引擎的JavaScript运行时环境。

nNode中包含了NPM包管理工具。

n下载地址：https//nodej/zh-cn/

NPM使用

VueCLI使用

nVueCLI是Vue官方提供的构建工具，通常称为脚手架。

n用于快速搭建一个带有热重载（在代码修改后不必刷新页面即可呈现修改后的

效果）及构建生产版本等功能的单页面应用。

nVueCLI基于webpack构建，也可以通过项目内的配置文件进行配置。

n安装：npminstall-g@vue/cli

组件化开发

n组件（Component）是Vu