创建vue项目及项目架构详细步骤(前提：安装了node和npm/文末有链接教程)

1、创建vue项目（my-project可以直接改成要创建的项目名）

①********

 

②**********

 

 

③*******

 

 

2、搭建完项目，会在所选目录下有项目文件夹，可以选择使用sublimetext整个文件夹打开（拖动该项目到sublimetext),项目架构解释：

build目录下放置的是项目的webpack配置文件，可以不动

config是针对线上环境和开发环境的配置文件，也可以不动

node_modules 指的是项目的依赖

src 指的是源代码放置的目录

static放置的是静态的资源

src中的main.js文件是整个项目的入口文件

vue-cli提供了一种新的vue的编码语法：单文件组件（一个.vue文件中包含了一个组件里必须的所有内容）

vue-cli的优势：

1可以使用es6(ECMAScript 6.0)。

2一个组件是一个.vue的文件所定义的，实现了组件的封装。

（注意：在安装该工具之前需要安装npm和node，安装方法：点击跳转）

3vue项目自带热部署功能