webpack 创建vue项目

一、npm 安装
nodejs的下载安装步骤这里不赘述，直接去官网。安装完成后直接查看 node 和 npm 的版本。

node -v
npm -v

大家都知道国内直接使用npm 的官方镜像是非常慢的，这里推荐使用淘宝 npm 镜像，这样就可以使用cnpm 命令来安装模块了。
$ npm install -g cnpm --registry=https://registry.npm.taobao.org

二、安装 vue-cli
cnpm install vue-cli -g

安装 vue-cli

安装完成后可使用命令行vue list查看是否成功。

三、新建文件夹，进入目录
vue init webpack ”项目名称“ 然后配置项目

创建项目

四、安装依赖包，运行项目
涉及下载的用 cnpm 速度会快一点，其余可直接用npm

cnpm install

npm run dev

最后项目目录的文件夹如下：