Vue-cli脚手架介绍

Vue-cli是一个集成了开发中常用的模块和方法等工具，目的在于提高开发效率的工具，减轻开发负担的一个工具。之前的笔记都是在于学习基础知识，但是实际开发过程中不会如此操作，会造成代码混乱臃肿，不利于管理，因此需要使用Vue-cli脚手架开发。

vue脚手架的作用是用来自动一键生成vue+webpack（项目打包工具）的项目模版，包括依赖库，免去手动安装各种插件，寻找各种cdn并一个个引入的麻烦，它是一个专门为单页面应用快速搭建繁杂的脚手架，它可以轻松的创建应用程序，省去繁琐的配置工作。

Vue-cli安装

Vue-cli官方文档:https://cli.vuejs.org/

node.js安装

node全称Node.js，是一个基于Chrome V8引擎的JavaScript运行环境。
一个让JavaScript运行在服务端的开发平台。
它让JavaScript成为与PHP、Python、Perl等服务端语言平起平坐的脚本语言。

安装教程:https://www.runoob.com/nodejs/nodejs-tutorial.html

npm安装

程序员写的一些代码想要开源共享Github肯定是首选。

但是你的项目中包含了很多代码包，比如jQuery、Bootstrap、swiper等等，很明显这个工作量有点大还很麻烦。
一位优秀的程序员Isaac Z. Schlueter用 JavaScript(运行在Node.js 上) Node Package Manager简称 npm(节点包管理器)。

基本思路就是搭建一个代码仓库服务器，邀请jQuery、Bootstrap、vue等众多开发维护团队，将代码放到该服务器上。

node内置了npm，只要别人去使用，只需在package.json里写上所依赖的jquery、vue等，再执行npm install , npm就会帮他们下载代码。

下载完的代码出现在node_modules目录里，可以随意使用。

由于新版的nodejs已经集成了npm，所以之前npm也一并安装好了。同样可以通过输入 "npm -v" 来测试是否成功安装。命令如下，出现版本提示表示安装成功。