详解Vue.js入门环境搭建

vue这个新的工具，确实能够提高效率，在经历的一段时间的摧残之后，终于能够有一个系统的认识了，下面就今天的收获做一个总结，也是vue入门的精髓：

1.要使用vue来开发前端框架，首先要有环境，这个环境要借助于node，所以要先安装node，借助于node里面的npm来安装需要的依赖等等。

这里有一个小技巧：如果在cmd中直接使用npm来安装的一些工具的话会比较慢，所以我们使用淘宝的npm镜像：
输入npm install -g cnpm –registry=https://registry.npm.taobao.org，即可安装npm镜像，以后再用到npm的地方直接用cnpm来代替就好了

安装完npm镜像后，开始安装全局vue-cli脚手架，之所以要用vue-cli，是应为这个工具能帮我们搭建好我们需要的模板框架，比较简单。方法：cnpm install -g vue-cli 回车，验证是否安装成功，在命令行中输入vue，出来vue的信息说明安装成功

 2.安装完脚手架以后开始，开始创建一个新项目：命令 vue init webpack vue_project(最后这个是我创建的项目文件夹的名字)

至此，一个新的项目文件夹就创建完成，这个项目文件是在使用了脚手架vue-cli的前提下创建的，所以使用了这个工具提供的默认版式。

这就是使用脚手架搭建的项目文件的结构

3.因为各个模板间都是相互依赖的，所以要安装依赖，在命令行输入cnpm install ,你会发现在已经创建的项目结构里面会多出一个node_modules的文件夹，里面就是刚才安装的所有依赖。

4.准备工作做好以后，测试一下项目里面默认的app.vue模块能否跑起来，这是需要先安装一下服务器环境，在命令行中输入
cnpm run dev 回车即可

8080就是默认的端口，在浏览器地址栏中输入localhost:8080会发现默认的模块打开了！

注：如果已经全局安装过vue-cli了，再搭建项目的时候无需再安装一遍，直接使用vue init webpack 项目名 即可

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# vue环境搭建  # vue开发环境搭建  # vue.js环境搭建  # vue+node+webpack环境搭建教程  # Vue2.0 从零开始_环境搭建操作步骤  # 详解vue.js 开发环境搭建最简单攻略  # vue.js开发环境搭建教程  # vue中mint-ui环境搭建详细介绍  # windows下vue.js开发环境搭建教程  # 超简单的Vue.js环境搭建教程  # Vue.js开发环境搭建  # 基于Vue2的移动端开发环境搭建详解  # vue环境搭建简单教程  # 镜像  # 命令行  # 有一个  # 都是  # 这是  # 使用了  # 是在  # 这就是  # 要有  # 一遍  # 要用  # 做一个  # 要先  # 再用  # 会比  # 淘宝  # 准备工作  # 多出  # 你会发现  # 创建一个 

相关文章： 如何用搬瓦工VPS快速搭建个人网站？  建站之家VIP精选网站模板与SEO优化教程整合指南  建站主机无法访问？如何排查域名与服务器问题  制作国外网站的软件,国外有哪些比较优质的网站推荐？  广州建站公司哪家好？十大优质服务商推荐  官网自助建站系统：SEO优化+多语言支持，快速搭建专业网站  建站之星如何保障用户数据免受黑客入侵？  电商平台网站制作流程,电商网站如何制作？  大连企业网站制作公司,大连2025企业社保缴费网上缴费流程？  魔方云NAT建站如何实现端口转发？  网站制作哪家好,cc、.co、.cm哪个域名更适合做网站？  建站之星多图banner生成与模板自定义指南  网站制作公司排行榜,抖音怎样做个人官方网站  新网站制作渠道有哪些,跪求一个无线渠道比较强的小说网站，我要发表小说？  在线ppt制作网站有哪些,请推荐几个好的课件下载的网站？  代刷网站制作软件,别人代刷火车票靠谱吗？  宿州网站制作公司兴策,安徽省低保查询网站？  大学网站设计制作软件有哪些,如何将网站制作成自己app？  相册网站制作软件,图片上的网址怎么复制？  如何在服务器上配置二级域名建站？  小程序网站制作需要准备什么资料,如何制作小程序？  如何解决VPS建站LNMP环境配置常见问题？  如何零基础在云服务器搭建WordPress站点？  西安专业网站制作公司有哪些,陕西省建行官方网站？  建站之星下载版如何获取与安装？  视频网站app制作软件,有什么好的视频聊天网站或者软件？  ,sp开头的版面叫什么？  东莞专业制作网站的公司,东莞大学生网的网址是什么？  如何快速生成可下载的建站源码工具？  音乐网站服务器如何优化API响应速度？  存储型VPS适合搭建中小型网站吗？  制作网站公司那家好,网络公司是做什么的？  如何基于云服务器快速搭建个人网站？  西安市网站制作公司,哪个相亲网站比较好?西安比较好的相亲网站？  重庆网站制作公司哪家好,重庆中考招生办官方网站？  详解jQuery中基本的动画方法  阿里云网站搭建费用解析：服务器价格与建站成本优化指南  云南网站制作公司有哪些,云南最好的招聘网站是哪个？  如何零成本快速生成个人自助网站？  微信网站制作公司有哪些,民生银行办理公司开户怎么在微信网页上查询进度？  义乌企业网站制作公司,请问义乌比较好的批发小商品的网站是什么？  深圳网站制作培训,深圳哪些招聘网站比较好？  简历在线制作网站免费版,如何创建个人简历？  长沙做网站要多少钱,长沙国安网络怎么样？  php条件判断怎么写_ifelse和switchcase的使用区别【对比】  专业网站制作企业网站,如何制作一个企业网站，建设网站的基本步骤有哪些？  如何在云指建站中生成FTP站点？  网站制作新手教程,新手建设一个网站需要注意些什么？  建站之星后台管理系统如何操作？  免费网站制作appp,免费制作app哪个平台好？