创建一个vue项目------绝对详细

一直从事java开发，发现许多公司都要求后台开发会前端，最近研究了下前端的vue，以下作为笔记，与大家一起分享

 

1：打开cmd命令行，首先安装node

步骤：https://nodejs.org/en/download/      node官网，选择跟自己的电脑匹配的版本进行下载，然后一步步的安装即可，输入node -v，如果出现版本信息即表示安装成功。

2：npm包管理器是集成在node中的，所以直接输入npm -v就能查看到版本信息

3：输入npm install -g cnpm --registry=http://registry.npm.taobao.org ，安装淘宝镜像安装相关依赖

4：安装vue-cli脚手架构建工具，输入命令 npm install -g vue-cli，安装完成即可。

5：选定路径，新建vue项目，这里我是新建到桌面上

6：在上一步得目录下新建项目，指令vue init  webpack +项目名称

7：上一步之后就会开始新建项目，询问项目的相关配置。一路yes省事儿没啥问题

8：进入到项目的文件夹下

9：运行项目，指令npm run dev

10:在浏览器中打开这个网址，就能看到

 

到现在，一个vue项目搭建成功！