Vuejs开发环境搭建及热更新【推荐】
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开发环境搭建及热更新，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
这篇文章主要介绍了将Vue组件库更换为按需加载的方法步骤，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-05-05
手把手教你将vue前端和python脚本使用electron打包成桌面应用程序
这篇文章主要介绍了如何将Vue项目和Python脚本打包,并将打包后的文件部署到Vue项目中,文中通过代码以及图文介绍的非常详细,需要的朋友可以参考下2025-01-01
前后端分离进行项目开发,跨域问题不可避免,下面这篇文章主要给大家介绍了关于vue中前端代理跨域问题的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下2022-04-04
这篇文章主要介绍了vue3移动端嵌入pdf的多种方法小结,使用embed嵌入有好处也有缺点,本文给大家讲解的非常详细,需要的朋友可以参考下2023-10-10
这篇文章主要为大家详细介绍了基于vue使用canvas实现移动端手写签名，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-09-09
这篇文章主要介绍了vue与django集成打包的实现方法,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-11-11
WebSocket就诞生了,它最大特点就是服务器可以主动向客户端推送信息,客户端也可以主动向服务器发送信息,是真正的双向平等对话,下面这篇文章主要给大家介绍了关于Vue项目中Websocket使用的相关资料,需要的朋友可以参考下2023-02-02
本篇文章主要介绍了详解Vue 普通对象数据更新与 file 对象数据更新 ，具有一定的参考价值，有兴趣的可以了解一下。2017-04-04
这篇文章主要介绍了Vue 中获取当前时间并实时刷新,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-05-05
关于vue-admin-template模板连接后端改造登录功能
这篇文章主要介绍了关于vue-admin-template模板连接后端改造登录功能,登陆方法根据账号密码查出用户信息，根据用户id与name生成token并返回，userinfo则是对token进行获取，在查出对应值进行返回，感兴趣的朋友一起看看吧2022-05-05
最新评论