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          //运行

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

1. 创建一个Vue文件
2. .vue文件下面有三块(template、script、style），分别写好这三部分之后，在script部分里面通过export default将该对象导出。
3. 在使用它的时候，在script文件里面先注册（使用components）该组件，然后通过import引入该组件