安装vue

安装Vue需要安装node.js  (版本10以上)

1.安装node.js

在官网下载Node.js (nodejs.org) 

安装包命名格式：node-v14.17.5-x64.msi

复制安装路径，设置环境变量，在系统变量path中添加安装目录，例如：D:\Program Files\nodejs

Node.js已经集成了NPM，所以，安装完成后，Node.js和NPM一并安装好了。

NPM：代表npmjs.org这个网站，其中存储了很多Node.js的第三方功能包， npm工具为包管理工具，类似java中的maven 

测试是否安装：

打开命令行窗口，输入node –v，若显示版本号，则Node.js安装成功，输入npm –v，若显示版本号，则证明npm已经安装好了。

修改npm的镜像地址为国内淘宝地址（修改registry属性）

- 直接修改npm的镜像

  - 查看配置  ：  npm  config ls
  - 修改配置  ：  npm  config  set  registry https://registry.npm.taobao.org/

- 或者安装cnpm

  npm install -g cnpm --registry= `https://registry.npm.taobao.org/

2.安装 Vue Cli

安装vue cli脚手架，可以快速搭建vue项目。

使用npm安装：

    npm install -g @vue/cli

-g表示全局安装，任何地方都可以使用。不指定版本，安装最新版。3之前的版本在命令中使用-，之后用/cli

查看是否安装成功输入命令：  vue -V

注意大写V，若成功显示版本号。

3.概念补充

1）Node.js：

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。

2）npm

npm全称为Node Package Manager，是一个基于Node.js的包管理器，也是整个Node.js社区最流行、支持的第三方模块最多的包管理器(类似于java中的Maven)。

npm的初衷：JavaScript开发人员更容易分享和重用代码。

3）Webpack

WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。