初始化vue项目

一、安装配置环境

        安装node.js 和 cnpm，具体安装步骤移步上篇文章
        cnpm工具，它是中国版的npm镜像库，用这个国内的速度比较快

二、初始化vue项目有两种途径
第一种： 使用vue-cli快速搭建脚手架
第二种： vue-init初始化项目

先聊一下第一种方式：全局安装 vue-cli

打开命令行输入   cnpm install -g vue-cli
如下图 mac加上sudo 即sudo cnpm install -g vue-cli

安装系统级的vue脚手架.png

如图安装成功后开始初始化项目，
执行 vue init webpack myblog，点击enter键，直至新建项目完成。
myblog为项目名，可自定义，注意不能包含大写字母

初始化项目.png

至此使用脚手架初始化vue项目完成～～～
可使用 cnpm install 安装项目依赖 会生成一个node_modules文件夹
然后npm run dev 启动项目

第二种方式：vue-init初始化项目

init初始化
vue init my-project

init初始化的项目，需要用什么组件需要自己安装配置，
如需要路由组件 需要npm install vue-router --save安装，
然后在package.json中配置。

  一般在定制化项目中可能会自己初始化配置，在实际开发中大部分还都是用vue-cli快速生成，在此不详细讲