超简单的Vue.js环境搭建教程

vue这个新的工具，确实能够提高效率，vue入门的精髓：(前提都是在网络连接上的情况下)

1.要使用vue来开发前端框架，首先要有环境，这个环境要借助于node，所以要先安装node，借助于node里面的npm来安装需要的依赖等等。

这里有一个小技巧：如果在cmd中直接使用npm来安装的一些工具的话会比较慢，所以我们使用淘宝的npm镜像： 输入

安装完npm镜像后，开始安装全局vue-cli脚手架，之所以要用vue-cli，是应为这个工具能帮我们搭建好我们需要的模板框架，比较简单。方法：cnpm install -g vue-cli 回车，验证是否安装成功，在命令行中输入vue，出来vue的信息说明---安装成功

2.安装完脚手架以后开始，开始创建一个新项目：命令

过程中会出现

3 cd vue_project

安装依赖，生成node_modules目录（安装依赖的代码库）

会生成这个文件夹node_modules（注：当我们把用vue-cli脚手架搭建成的vue项目复制到其他地方时，要把node_modules目录删除，不然在其他地方无法执行cnpm run dev，这其中设计到路径的问题。删除之后要重新cnpm install）

Devdeendencies是表示我们编译过程的一些依赖。

Readme文件：项目的描述文件

每个组件分为三个部分：模板、逻辑、样式

cnpm run dev 回车即可 ，就会打开浏览器

应用场景：

针对具有复杂交互逻辑的前端应用；

它可以提供基础的架构抽象；

可以通过AJAX数据持久化，保证前端用户体验。

好处：

当前端和数据做一些操作的时候，可以通过AJAX请求对后端做数据持久化，不需要刷新整个页面，只需要改动DOM里需要改动的那部分数据。特别是移动端应用场景，刷新页面太昂贵，会重新加载很多资源，虽然有些会被缓存，但是页面的DOM,JS,CSS都会被页面重新解析一遍，因此移动端页面通常会做出SPA单页应用。

Vue.js的特点：MVVM框架、数据驱动、组件化、轻量、简洁、高效、快速、模块友好。

本文已被整理到了《》，欢迎大家学习阅读。

关于vue.js组件的教程，请大家点击专题进行学习。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!