1、安装nodejs和npm后
2、全局安装脚手架工具vue-cli
命令npm install --global vue-cli
cd到nodejs的目录下去安装vue
3、监测vue是否配置好
命令vue -V
出现版本号就是安装成功了
4、开始使用Vue创建项目（可以先进入自己想要创建项目的文件夹中）
命令vue init webpack vue_test (vue_test是自己的项目名字)
红线区域选no就好
5、cd到刚刚创建的目录下面，运行vue项目
6、项目目录如下
7、vue项目目录说明
官方介绍
build：项目构建(webpack)相关代码
config：配置目录，包括端口号等
node_modules：npm加载的项目依赖块
src：这里是我们要开发的目录，基本上要做的事情都在这个目录里。里面包含了几个目录及文件：
assets: 放置一些图片，如logo等
components：该目录里存放的我们的开发文件组件，主要的开发文件都存放在这里了
App.vue：项目入口文件
main.js：项目的核心文件
router：路由配置目录
static：放置一些静态资源文件
test：初始测试目录，可删除
.xxxx文件：这些是一些配置文件，包括语法配置，git配置等
index.html：首页入口文件
package.json：项目配置文件
README.md：项目的说明文档，markdown 格式
*还有好多不懂的地方。边学习边记录
网友评论