vue项目快速搭建
大家好，今天下午对于vue项目环境的搭建进行了研究，一直以来，我都是用cdn的方式将vue.js引入Html界面，然后就开始刷vue的官方文档了。在刷过文档之后，我就想着，真实的项目是怎么样子的呢，然后就开始了vue-cli脚手架的搭建和使用，下面是我搭建环境的步骤以及我自己初步使用vue-router实现的一个简单的不能再简单的例子。注意，文中的例子适合对vue已经有一定的了解，对vue组件化概念并且对es6有了解的朋友们。
一、vue-cli脚手架的搭建步骤
SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。首先，确定你的电脑上已经安装了nodejs，可以使用npm包管理器安装环境，如果还没有安装node环境，可参考我的另外一篇博客中提到的关于node的安装步骤 初识react之react+webpack+es6环境配置步骤整理 ，这里就不多说了。
1） 打开cmd命令窗口，切换到你要新建项目的文件夹下，此时可使用node -v检查node的版本，如果出现版本号则node已安装。
2） 使用以下命令全局安装vue-cli
npm install -g vue-cli
或者使用国内的淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
1
2
3
3）使用命令 vue init webpack vue-demo 搭建vue项目, “vue-demo” 是你的项目名称。
3） 配置需要安装的vue环境
4） 以上步骤完成之后，项目目录结构如下图所示，其中的src目录下的文件，就是我们自己需要使用到的文件了。
5） 执行 npm run dev 命令，启动项目
这时我们可以通过浏览器访问链接 http://localhost:8080 来访问项目了。这时页面如下图：
原文：https://blog.csdn.net/qq_33036599/article/details/79656597
