近年来,Vue.js越来越受欢迎,因为它结合了各个公司的长处。说一下:它集成了React和Angular的优点,更重要的是Vue.js本身就是一个由中国开发者开发的前端框架,所以很多中国朋友看起来并没有那么费力。俗话说:“要想致富,先修路”。想要学习Vue.js,首先要安装Vue.js开发环境,了解Vue项目运行机制是怎样的。话不多说,关注我Vue。js说:“你好Vue.js”。Vue.js提供了一个官方的命令行工具,可用于快速构建大型单页应用程序。该工具提供开箱即用的构建工具配置,带来现代化的前端开发流程。通过热重载、静态检查保存和生产就绪构建配置,在几分钟内创建并启动一个项目。因为Vue.js的命令行安装是基于node.js的,所以首先需要安装node.js,如果你的电脑是Windows版本,还可以安装git。这两个东西可以在1百度直接搜索到,如何直接点击运行安装非常简单,这里不再赘述。1、安装淘宝镜像npm由于npm服务器在国外,国内所有用户在安装Vue.js时使用npm命令会比较慢。推荐使用国内的淘宝镜像npm,之后我们可以使用cnpm代替npm,大大提高Fasterinstallation。淘宝镜像地址:(https://npm.taobao.org/)直接在命令行执行如下命令安装淘宝镜像NPM:npminstall-gcnpm--registry=https://registry.npm.taobao。org安装Vue.js“脚手架”Vue.js“脚手架”类似于盖房子的框架,所以必须先安装。在命令行执行以下命令:npminstall--globalvue-cli(或者使用cnpm安装:cnpminstall--globalvue-cli)推荐使用cnpm安装,使用npm太慢安装。基于webpack模板创建新项目在命令行切换到你的工作空间,然后基于webpack模板创建新项目,执行如下命令:vueinitwebpackmy-project(项目名称),然后会提示你输入项目名称一些消息,按项目名称、描述、作者姓名等的顺序。相信这对大家来说应该不是什么大问题。4.安装依赖。使用cd命令切换到工作区后,使用cnpminstall命令安装项目所需的包依赖,执行如下命令:npminstall。5、执行.vue文件因为在package.json文件中的dev属性中指定了.vue文件的路径,所有执行命令:npmrundev都可以执行.vue文件的vue程序。“工欲善其事,必先利其器”。让我们开始一步步走进Vue.js吧!
