Vue工程创建步骤

1.Vue-cli

Vue-cli是Vue的脚手架工具，是帮助我们编写好Vue.js基础代码的工具，Vue-cli可以帮助我们完成目录结构、本地调试、代码部署、热加载、单元测试等工作。

安装：

node -v ,查看node的版本，node的版本需要在4以上

npm install -g vue-cli，安装vue脚手架

vue,查看命令，如下安装成功

vue list，查看可以使用的模板

____________________________________________________________________________________________________________

vue init webpack sell   //使用vue init来安装，使用的是webpack模板，起名叫sell，按照自己的需要作出对应的选择

cd sell                       //进入当前的工程

npm install               //安装（操作可省略，根据提示）

npm run dev          //运行

————————————————————————————————————————————————————————————

创建一个Vue文件

.vue文件下面有三块(template、script、style），分别写好这三部分之后，在script部分里面通过export default将该对象导出。

在使用它的时候，在script文件里面先注册（使用components）该组件，然后通过import引入该组件