组件化开发教学内容l第一节NPM使用l第二节VueCLI使用l第三节组件化开发NPM简介nNPM（NodePackageManager）是一个NodeJS包管理和分发工具。nNPM以其优秀的依赖管理机制和庞大的用户群体，目前已经发展成为整个JS领域的依赖管理工具nNPM最常见的用法就是用于安装和更新依赖。要使用NPM，首先要安装Node工具。NodeJS安装nNode.js是一个基于ChromeV8引擎的JavaScript运行时环境。nNode中包含了NPM包管理工具。n下载地址：https://nodejs.org/zh-cn/NPM使用VueCLI使用nVueCLI是Vue官方提供的构建工具，通常称为脚手架。n用于快速搭建一个带有热重载（在代码修改后不必刷新页面即可呈现修改后的效果）及构建生产版本等功能的单页面应用。nVueCLI基于webpack构建，也可以通过项目内的配置文件进行配置。n安装：npminstall-g@vue/cli组件化开发n组件（Component）是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。nVue的组件系统允许我们使用小型、独立和通常可复用的组件构建大型应用。组件的构成nVue中规定组件的后缀名是.vuen每个.vue组件都由3部分构成，分别是ntemplate，组件的模板结构，可以包含HTML标签及其他的组件nscript，组件的JavaScript代码nstyle，组件的样式
