Vue项目环境搭建

1.掌握Node.js安装

1. Node.js介绍及安装

1.1 Node.js 的介绍 

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

Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效.

服务器上的JavaScript

核心语言：JavaScript

特点：单线程，非阻塞IO，事件驱动

Node的优点

没有兼容性的问题 轻量，高效，商业价值高

依靠浏览器的内核解析javascript，将JavaScript解析为例如：01010110，字节码（机器码）

谷歌浏览器内核为例：分为两个部分：webkit（解析HTML,CSS），V8（解析JavaScript）

对于浏览器内核引擎具有：转化代码（解析代码，将代码转化为电脑可识别的字节码，），可移植性（可以单独拿出来用，例如：360浏览器就是将chrome内核和IE内核拿出来加上360外衣就成了360浏览器）

而node相当于把V8引擎拿出来了，换了件衣服，然后在node环境中解析JavaScript

1.2 Node.js的安装 

下载安装包

Node.js 官方网站下载：

Download | Node.jshttps://nodejs.org/en/download/

测试安装成功在终端输入node -v和npm -v分别产看node和npm的版本号，有版本号说明安装成功

npm是随同node.js一起安装的包管理工具，能解决node.js代码部署上的很多问题，常见的使用场景有以下几种：

• 允许用户从NPM服务器下载别人编写的第三方包到本地使用。

• 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。

• 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。

• 如果你安装的是旧版本的 npm，可以很容易得通过 npm 命令来升级，命令如下：

                npm install npm -g

2.掌握npm和cnpm使用方法

安装cnpm，输入以下命令：

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

3.掌握vue-cli脚手架的安装流程 

命令行执行 : npm install -g vue-cli // 加-g是安装到全局

4.掌握vue-cli初始化项目流程

执行命令： vue init webpack demo(你新建的项目名称/文件名称)

第一个选yes,后面三个选no

5.掌握Vue项目启动流程

cd 到你的项目文件夹=>npm/cnpm install=>npm run dev