搭建Vue脚手架工程

搭建Vue脚手架工程

Vue介绍

Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。

Nodejs的介绍

Node.js 是一个基于 Chrome V8 引擎 的 JavaScript库。JavaScript以前是在前端，需要浏览器的解析执行。一种脚本语言，需要浏览器的解析器。node.js也是js，只不过，借助Chrome V8引擎，让js跑在了服务器端。这样，作用就大大地了！js可以做服务器了。

Vue安装

1. 下载nodejs和npm

   node官方地址：

   https://nodejs.org/zh-cn/

2. 下载国内的cnpm包

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

3. 安装vue脚手架工具

   npm i -g @vue/cli
   npm i -g @vue/cli-init

4. vue初始化项目

   vue init webpack [项目名称] – vue 2.xx 版本

   vue create

Vue如何引入Element-ui

1. 安装Element-ui的依赖

   -S 代表的 --save

   npm i element-ui -S

2. 引入Vue

   2. import ElementUI from 'element-ui'; 
   
      import 'element-ui/lib/themechalk/index.css';
   	 Vue.use(ElementUI);