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开发的入门环境搭配到此结束!
版权归原作者 长不大的小淞 所有, 如有侵权,请联系我们删除。