Vue学习笔记之vue-cli

说明：学习vue时的笔记，用于理清自己在学习过程中的每个知识点的思路，若有错误，不吝赐教，谢谢。

vue-cli脚手架介绍

vue-cli，是一个快速的构建vue项目的工具、脚手架，它是官方出口。它会自动的把一个项目所需要的目录、文件，都给自动的创建好。

使用步骤

0、安装cnpm（可选项）

由于有些npm有些资源被屏蔽或者是国外资源的原因，经常会导致用npm安装依赖包的时候失败，所有还需要npm的国内镜像---cnpm。

npm install -g cnpm --registry=http://registry.npm.taobao.org

---

1、全局安装vue-cli

cmd中输入npm install -g vue-cli  （可用cnpm代替npm）

---

2、初始化项目

在命令行中运行命令 vue init webpack my-project,

这个命令指初始化一个项目，webpack是构建工具，也就是整个项目是基于webpack的。其中my-project是整个项目文件夹的名称，这个文件夹会自动生成在指定的目录中

3、进入项目文件夹

  使用命令行运行  npm install  安装相应的模块

4、运行项目

安装完毕，使用命令行运行 npm run dev，打开localhost:8080 即可。

                                                                                                 未完待续。。