vue环境部署

Nodejs介绍

什么是JavaScript？

javascript是一门运行在浏览器端的脚本语言，用来做客户端页面的交互。

JavaScript的运行环境呢？

浏览器的javascript可以做什么？

 浏览器中的javascript可以做什么

之前由提到过，javascrip就是用来做交互的，但是笼统的说交互有点不明确，具体一点可以分为：“
????（1）操作dom（也就是对dom的增删改，注册事件之类的事情）
????（2）发送AJAX请求/跨域
????（3）BOM交互如给我们提供页面跳转，历史记录，控制台打印日志
????（4）ecmascript(js的核心语言，如用来定义变量，函数等)

了解了客户端的js所能做的事，我们必须还要明确一个概念，那就是javascrip只能运行在浏览器端吗？

javascrip是有ecmascrip语言，BOM，DOM组成的，在语言层面，她只是给我们提供一些操作语法，如定义变量，函数，类型，流程控制等的操作。而BOM，DOM是浏览器提供的，并非es提供的。因此我们常提及的js其实就是es，js的大部分功能（DOm，BOM（浏览器开放出来的API）等的操作）都是由 浏览器的执行引擎决定的 ，这也衍生出一个观点，任何一门编程语言 ，他的能力不是由语言本身决定的，而是由他的执行环境决定的。比如说java，他即是一门语言也是一个平台，对于javascript来说语言就是es，平台是浏览器。那么js只能运行在浏览器中吗？非也！对于大多数语言，都是运行 在一个平台上的，比如java只运行在虚拟机上，但是也有运行在多个平台的语言, java在一定层面上来讲是没有必要运行在多个平台上的，因为虚拟机是跨平台（也就是跨操作系统如window，linux等）的。js同样是可以运行在多个平台的，浏览器之所以能过运行js，是因为他由js的执行引擎。js同样，只要由支持他的平台就可以执行。因此说要想语言有很强大的功能，只需要提供强大的平台，node就是这样一个平台，能够执行js，那么node到底是什么东西？接下来简述node是个什么鬼

什么是node？

根据官方文档可以知道，node就是一个给予谷歌v8引擎的一个javascript的运行时，可以理解为运行js的一个虚拟机。他使用的是一个 事件驱动，非阻塞I/O模型 ，他是将js的运行环境搬到了服务器端，和客户端没有一点关系。是一个纯服务端的东西，node只是为js提供了一个平台。node里面其实还分了两块，一是封装了v8引擎，目的是为了执行es（如定义变量，定义函数等），另外一个提供了大量的工具库,是帮助node实现各种功能的，提供了一些以前js的环境办不到的事情，比如文件操作，网络操作，操作系统的操作。
????既然node是一个平台（所谓的平台就是用来运行特定语言的），也就意味着node是用来运行语言的，那么java也是语言，node能运行java吗？据nodejs创始人Ryan Dahl回忆，他最初是选择了Ruby这门语言，但是Ruby这门语言的虚拟机效率不怎么样最终放弃了，按照这种思路，貌似node将java的虚拟机集成进来应该可以运行java，但node作者最终选择了javascript。这样js就实现了在服务端运行的可能，js运行在node平台上（分为v8部分，用来执行es，和大量的工具库组件（API）称之为libuv，提供了以前js的环境办不到的事，如文件操作，网络操作等等）。
知道了什么是node,应该还要清楚node在web中有什么用途？
????（1）node可以接受客户端用户的所有请求，并且能够快速的给出响应，因此node可以用来做网站。
????（2）node可以作为一个中间层来来分发调用数据接口，比如有一个网站数据是有java提供的，我们可以让node作为一个中间曾，来接受用户的请求，然后通过node来调用java数据接口，获取到数据后直接在node层面做html的瓶装，然后将渲染好的页面直接给用户。为什么要这样做，直接请求java接口不行吗，这是因为node被称之为高性能的web服务器，在并发和抗压方面都比传统的平台要好很多，因此这样一包装可以极大的减轻服务器的开发。
通过上面的两点，可以总结出，node在web中要么从前端页面到后端服务全包了，一个是只做其中的一点。
一言以蔽之，node就是一个javascript的运行环境（平台），他不是一门语言，也不是javascript的框架。可以用来开发服务端应用程序，web系统。其特点是体积小，快速，高性能。

通过命令创建vue项目

环境要求：  安装有 Node.js、 vue、 vue-cli 。

Node.js的安装(自带npm，node pakage manage，npm相当于python的pip)

Windows 安装包(.msi)

32 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x86.msi

64 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi

安装完后查看版本

npm  install npm@latest   -g    升级npm

vue安装

1.下载vue包

 我们可以在Vue.js的官网上直接下载vue.js,并在<script>标签中引用。->  <script src = ../vue.js> </script>  开发环境不要使用最小压缩版，不然会没有错误提示和警告！

2.使用CDN方法

•  BootCDN（国内） : https://cdn.bootcss.com/vue/2.2.2/vue.min.js ， （国内不稳定）           
• unpkg：https://unpkg.com/vue/dist/vue.js, 会保持和 npm 发布的最新的版本一致。（推荐使用）
• cdnjs : https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js，如（<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js"></script>）

3.NPM方法

npm install vue

 通过命令创建vue项目

环境要求：  安装有 Node.js、 vue、 vue-cli 。

创建项目：

vue init webpack projectName

进入项目，npm   init  初始化项目，生成{}jpackage.json

下载依赖：

npm  install  jquery  --save或者

npm install 或者 cnpm install    根据{}jpackage.json里边的内容下载

运行项目：

npm run dev

原文：https://www.cnblogs.com/weidaijie/p/10427039.html