Vue开发环境的搭建

1.Vue.js

 1)开发软件的下载

• 安装编译器(我这里推荐的是VScode,会有一种简洁流畅的体验)
  • vscode下载链接

 2)简单的vue.js介绍

    简单来说 就是一种构建用户界面的渐进式渐进式框架.

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

3)Vue.js的下载

•  安装Vue.js(再次我建议小白直接在官网上下载vue.js)        
  • 开发版本
  • 生产版本               
• 在.html中通过<script>标签引用.

• <script src="./vue.js"></script>

• 如图所示
• ​

 2.node.js

1)安装node.js

从 从node.js官网下载并安装node，傻瓜式安装(注:安装路径避免出现中文)，安装完毕win+R ,输入cmd    在命令行中输入node -v 和 npm -v 可查看安装的node.js和npm的版本号

  

在此解释一下vue为什么需要node,js的环境

vue.js 是通过 webpack来打包，而webpack 又基于 npm, npm需要nodejs环境。

简单的说：你既可以开发nodejs的服务程序，亦可以用基于nodejs的npm && webpack来打包 目标前端页面。vue.js 使用webpack来打包，故而需要nodejs环境。

2)安装cnpm

到现在为止node的环境大致完成 npm的包管理也有了,但是npm是有国外的服务器的原因,有时安装依赖包是会导致出错或者是速度过慢,所以我们安装一个npm的国内镜像源 ------cnpm

npm install cnpm -g --registry=https://registry.nlark.com

在命令行中输入 npm install cnpm -g --registry=https://registry.nlark.com，等待，由于我已经安装过了，就不在安装,这样就是安装过程

  

完成之后，我们就可以用cnpm代替npm来安装依赖包了。

在后续的学习用 需要用npm install 安装包的情况 我们就可以用cnpm去代替npm来提高我们下包的速度.

vuejs开发的入门环境搭配到此结束!