0
点赞
收藏
分享

微信扫一扫

Vue开发环境的搭建

犹大之窗 2022-03-11 阅读 181

1.Vue.js

 1)开发软件的下载

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

 2)简单的vue.js介绍

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

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

3)ue.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的版本号

  

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

举报

相关推荐

0 条评论