这篇文章将为大家详细讲解有关搭建Vuejs开发环境的方法,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
<强> Vue.js 强>
Vue.js是目前很火的一个前端框架,采用MVVM模式设计,它是以数据驱动和组件化的思想构建的。相比于Angular.js, Vue.js提供了更加简洁,更易于理解的API,使得我们能够快速地上手并使用,特别适合单页应用的开发。
Vue.js是数据驱动的,它通过一些特殊的语法,将DOM和数据绑定起来,无需手动操作DOM。一旦创建了绑定,DOM将和数据保持同步,每当变更了数据,DOM也会相应地更新。
<强>一、安装NPM 强>
1.1最新稳定版本:
<代码> NPM安装vue 代码>
<强>二,命令行工具安装强>
国内速度慢,使用淘宝镜像:
<代码> NPM安装- g cnpm——注册表=https://registry.npm.taobao.org 代码>
注意:以后使用NPM的地方就替换成cnpm
1,全局安装vue-vli
,,,<代码> cnpm安装- g vue-cli 代码>
2,创建一个基于webpack模板的新项目
<代码> vue init webpack我的项目代码>
输入安装命令后,稍等一会提示输入:
2.1项目项目名称:
2.2项目描述:
2.3
2.4是否使用ESlint:(可以选择不需要,ESlint是一套语法检查工具)
2.5是否需要单元测试:(可以选择不需要)
说明:
,,,,,,webpack:项目类型,用webpack这套模板进行压缩和打包。
,,,,,,我的项目:项目名称。
3,安装依赖
3.1进入项目:
<代码> cd我的项目代码>
3.2安装依赖:
<代码> cnpm安装代码>
说明:
3.2.1会将依赖安装到项目node_modules文件夹中。
3.2.2可以使用cnpm命令,是因为webpack安装好了相应依赖。
3.2.3 Package.json文件说明:
,,,,,,,,,,,,主要包含:项目描述,相关依赖。
3.3运行项目:
<代码> cnpm dev 代码>
通过访问http://127.0.0.1:8080访问运行起来的项目。
关于“搭建Vuejs开发环境的方法”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看的到。