目录

前言

一、npm安装

二、搭建脚手架

1.安装脚手架VUE-CLI

2.搭建项目

前言

vue大概内容：

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

一、npm安装

在用Vue构建大型应用时推荐使用npm安装.NPM能很好地和诸如、webpack、或和Browserify模块打包器配合使用。同时Vue也提供配套工具来开发单文件组件.

打开命令行工具(Win+r，然后输入命令)，输入以下代码：

node -v

若出现相应版本号表示已经安装；若没有则安装node.js、从node.js官网(node.js中文网)下载并安装节点、安装过程很简单，一直“下一步”即可.在官网下载安装node.js后，就已经自带npm了。

NPM配置淘宝镜像源

直接通过npm下载Vue时，下载速度慢，可以通过配置淘宝镜像源，输入以下代码：

npm config set registry https://registry.npm.taobao.org

二、搭建脚手架

1.安装脚手架VUE-CLI

代码如下(示例)：

npm install -g @vue/cli

在命令行输入Vue-V，若出现相应的版本号则安装成功。

2.搭建项目

选择搭建项目的路径，我就放到桌面了(选择路径，在命令行中输入：CD文件路径)

cd C:\Users\Wang\Desktop

输入：VUE Create项目文件名字(我就叫Vue了)

vue create vue

通过键盘上下键，选择Vue 2版本，按回车，即开始下载所需文件了。

*当出现已成功创建项目VUE。则表示已成功搭建Vue脚手架

他说：

在命令行输入：CD VUE选择在VUE文件夹下，npm Run Serve，即可运行项目了

cd vue

npm run serve

HelloView：http://localhost:8080/和即可进入Vue已为我们搭建好的HelloView

以上就是Vue2.0脚手架的搭建啦。

如果浏览器页面打不开或者是没有加载页面，有可能是本地8080端口被占用，或者是你关闭了这个项目。

在命令行直接按两次Ctrl+c即可结束项目