详解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环境搭建简单教程  # 镜像  # 命令行  # 有一个  # 都是  # 这是  # 使用了  # 是在  # 这就是  # 要有  # 一遍  # 要用  # 做一个  # 要先  # 再用  # 会比  # 淘宝  # 准备工作  # 多出  # 你会发现  # 创建一个 

相关文章： 公司网站建设制作费用,想建设一个属于自己的企业网站，该如何去做？  简历在线制作网站免费版,如何创建个人简历？  宝塔新建站点报错如何解决？  建站之星图片链接生成指南：自助建站与智能设计教程  高防服务器租用首荐平台，企业级优惠套餐快速部署  网站制作的步骤包括,正确网址格式怎么写？  如何访问已购建站主机并解决登录问题？  制作网页的网站有哪些,电脑上怎么做网页？  沈阳制作网站公司排名,沈阳装饰协会官方网站？  公司网站制作价格怎么算,公司办个官网需要多少钱？  如何确认建站备案号应放置的具体位置？  如何正确下载安装西数主机建站助手？  如何用免费手机建站系统零基础打造专业网站？  海南网站制作公司有哪些,海口网是哪家的？  正规网站制作公司有哪些,目前国内哪家网页网站制作设计公司比较专业靠谱？口碑好？  儿童网站界面设计图片,中国少年儿童教育网站-怎么去注册？  视频网站制作教程,怎么样制作优酷网的小视频？  建站主机助手选型指南：2025年热门推荐与高效部署技巧  专业型网站制作公司有哪些,我设计专业的，谁给推荐几个设计师兼职类的网站？  c++怎么编写动态链接库dll_c++ __declspec(dllexport)导出与调用【方法】  山东网站制作公司有哪些,山东大源集团官网？  如何在Golang中实现微服务服务拆分_Golang微服务拆分与接口管理方法  如何在万网ECS上快速搭建专属网站？  相册网站制作软件,图片上的网址怎么复制？  Android滚轮选择时间控件使用详解  网站制作知乎推荐,想做自己的网站用什么工具比较好？  建站org新手必看：2024最新搭建流程与模板选择技巧  香港服务器建站指南：外贸独立站搭建与跨境电商配置流程  如何选择域名并搭建高效网站？  怀化网站制作公司,怀化新生儿上户网上办理流程？  如何用PHP快速搭建CMS系统？  深圳网站制作费用多少钱,读秀，深圳文献港这样的网站很多只提供网上试读，但有些人只要提供试读的文章就能全篇下载，这个是怎么弄的？  b2c电商网站制作流程,b2c水平综合的电商平台？  如何零基础开发自助建站系统？完整教程解析  北京制作网站的公司排名,北京三快科技有限公司是做什么？北京三快科技？  网站制作软件有哪些,制图软件有哪些？  宝塔面板创建网站无法访问？如何快速排查修复？  制作电商网页,电商供应链怎么做？  我的世界制作壁纸网站下载,手机怎么换我的世界壁纸？  建站之星价格显示格式升级，你的预算足够吗？  微网站制作教程,不会写代码，不会编程，怎么样建自己的网站？  临沂网站制作企业,临沂第三中学官方网站？  建站之星多图banner生成与模板自定义指南  香港服务器网站生成指南：免费资源整合与高速稳定配置方案  Python lxml的etree和ElementTree有什么区别  香港服务器选型指南：免备案配置与高效建站方案解析  如何用低价快速搭建高质量网站？  武汉网站设计制作公司,武汉有哪些比较大的同城网站或论坛，就是里面都是武汉人的？  如何有效防御Web建站篡改攻击？  焦点电影公司作品,电影焦点结局是什么？