Vuejs开发环境搭建及热更新【推荐】

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Vuejs开发环境搭建及热更新【推荐】，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1537字，纯文字阅读大概需要3分钟。

内容图文

 Vue.js

Vue.js是目前很火的一个前端框架，采用MVVM模式设计，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用，特别适合单页应用的开发。

Vue.js是数据驱动的，它通过一些特殊的语法，将DOM和数据绑定起来，无需手动操作DOM。一旦创建了绑定，DOM将和数据保持同步，每当变更了数据，DOM也会相应地更新。

一、安装NPM

1.1最新稳定版本：

npm install vue

二、命令行工具安装

国内速度慢，使用淘宝镜像：

npm install -g cnpm --registry=https://registry.npm.taobao.org

注意：以后使用npm的地方就替换成cnpm

1、全局安装vue-vli

?    cnpm install -g vue-cli

2、创建一个基于webpack模板的新项目

vue init webpack my-project

输入安装命令后，稍等一会提示输入：

2.1项目项目名称：

2.2项目描述：

2.3作者：

2.4是否使用ESlint：（可以选择不需要，ESlint是一套语法检查工具）

2.5是否需要单元测试：（可以选择不需要）

说明：

       webpack：项目类型，用webpack这套模板进行压缩和打包。

       my-project：项目名称。

3、安装依赖

3.1进入项目：

cd my-project

3.2安装依赖：

cnpm install

说明：

3.2.1会将依赖安装到项目node_modules文件夹中。

3.2.2可以使用cnpm命令，是因为webpack安装好了相应依赖。

3.2.3 Package.json文件说明:

             主要包含:项目描述、相关依赖。

3.3运行项目：

cnpm run dev 

通过访问http://127.0.0.1:8080访问运行起来的项目。

三、参考链接

Vuejs官网：https://cn.vuejs.org/v2/guide/installation.html

Taobao镜像：http://npm.taobao.org/

总结

以上所述是小编给大家介绍的Vuejs开发环境搭建及热更新，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

内容总结

以上是互联网集市为您收集整理的Vuejs开发环境搭建及热更新【推荐】全部内容，希望文章能够帮你解决Vuejs开发环境搭建及热更新【推荐】所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---