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 校验，以及生产环境可用的构建版本。

Vue开发环境快速搭建步骤相关推荐

JAVA学习：maven开发环境快速搭建How to download J2EE API (javaee.jar) from Maven
http://tech.it168.com/a2011/1204/1283/000001283307.shtml [IT168技术]最近,开发中要用到maven,所以对maven进行了简单的学习.因为 ...
JAVA学习：maven开发环境快速搭建
最近,开发中要用到maven,所以对maven进行了简单的学习.因为有个maven高手在身边,所以,很快就上手了,我这里算是自我总结吧.关于maven是什么东西,请参考其它文章. 准备工作 Jdk 1 ...
Windows7下JavaEE(jsp开发环境)快速搭建+第一个jsp程序超详细教程
下学期就要学JavaEE了,主要的内容是jsp(Java Server Page)的开发.趁着暑假,就想先练练手.第一步要做的就是开发环境的搭建,看上去很麻烦,其实非常简单~ Step1:先从网上下载 ...
关于JSP开发环境的搭建步骤及注意事项
JSP开发环境的搭建一.JDK的安装与配置下载JDK后设置JAVA_HOME环境变量后修改path环境变量二.Tomcat的安装与配置下载Tomcat后运行bin文件下的startup.ba ...
wamp下配置php文件,wamp开发环境快速搭建详细步骤
简介:总结在Windows环境搭建PHP开发环境(Apache+PHP+MySQL) 安装Apache 2.解压压缩包,最好放到磁盘根目录,不然配置时容易报路径错误,我这里改了文件夹名,方便以后配置, ...
ESP8266（ESP模块）Arduino开发环境快速搭建方法--含网盘离线文件
目录 1. ESP8266简介 1.1 乐鑫ESP8266 1.2 安信可ESP模组 2. ESP8266开发 3. 开发环境搭建 4. 网盘文件离线安装 1. ESP8266简介 1.1 乐鑫ESP ...
arm oe linux gnueabi 系统,[MDM9X07] ME3610/3630开发环境快速搭建
说明 ME3610/3630基于Arm linux, 在上位机开发POC应用需要配置交叉编译环境步骤 1 资料基础包和依赖库环境都在百度网盘: ** 4G模块>ME3610 ME3630 * ...
vue开发环境的搭建流程
1.首先要确保安装了node.js(node-v) 使用淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 2.全局 ...
android 开发环境简书,Android Studio 开发环境快速搭建
目录 - 1.下载JDK.AS - 1.1 JDK下载 - 1.2 AS下载 - 1.3 百度云资源统一下载 - 2.安装JDK - 3.配置JDK及JAVA的环境 - 3.1 打开系统环境 - 3. ...

Vue开发环境快速搭建步骤

Vue开发环境快速搭建步骤相关推荐

最新文章

热门文章