从零开始搭建一个vue项目

vue创建项目

第一步：node安装

打开 https://nodejs.org/en/9（node地址）

选择自己系统的node
然后下载安装，一路next就。安装好的时候会出现下图，按提示操作。

安装好后打开cmd验证
输入node -v或者node --version
显示如下图所示，则表示安装成功

查看npm版本
虽然npm是node自带的，但是你一定是最新版的npm。
所以这里要更新最新版本的npm。

国内直接使用npm 的官方镜像是非常慢的，这里推荐使用淘宝 NPM 镜像。
更新的时候使用淘宝npm镜像。
npm install -g cnpm --registry=https://registry.npm.taobao.org

第二步：项目初始化

第一步：安装vue-cli

cnpm install vue-cli -g      //全局安装 vue-cli

查看vue-cli是否成功，不能检查vue-cli,需要检查vue

vue list

第三步：新建一个项目

新建一个文件夹，cd到目录。
然后使用命令新建一个项目

vue init webpack  ”projectName“

然后下面的全部输Y

到这里已经创建成功了（时间较长，耐心等待）
然后在对应的目录就会生成下图所示的，至此一个vue项目的基本架构就搞好了。

到这里，基本就已经好了，下面会显示vue的url，直接黏贴到浏览器查看是否可以访问到。

至此，一个最基本的vue项目就搭建完成了