0


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开发的入门环境搭配到此结束!


本文转载自: https://blog.csdn.net/m0_64393381/article/details/123294354
版权归原作者 长不大的小淞 所有, 如有侵权,请联系我们删除。

“Vue开发环境的搭建”的评论:

还没有评论