Vue开发环境快速搭建步骤

一、环境搭建步骤：

1.nodejs安装

• 下载安装包：https://nodejs.org/en/

2.配置环境变量：

• Path 加上node.exe路径
• NODE_PATH：F:\node\node_modules

3.安装淘宝镜像

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

4.安装webpack

• npm install webpack -g
• npm install webpack webpack-cli -g

5.安装 vue-cli

• npm install --global vue-cli

6.新建项目

• vue init webpack pro_name

7.安装依赖模块

• cnpm install

8.启动项目

• npm run dev

9.打包

• npm run build

二、概念介绍

Node.js

是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。

npm

NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，相当于JAVA的MAVEN。

Webpack

webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。

Vue.js

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

Vue-cli

Vue 提供了一个命令行工具，为单页面应用 (SPA) 快速搭建繁杂的脚手架。它为现代前端工作流提供了 batteries-included 的构建设置。只需要几分钟的时间就可以运行起来并带有热重载、保存时 lint 校验，以及生产环境可用的构建版本。