手把手教你如何搭建一个vue项目

1、先进去node.js官网下载，**https://nodejs.org/zh-cn/download/**
2、安装成功后，命令框执行： node -v(查看当前node版本) npm -v(查看当前npm版本)
3、安装cnpm
指令：npm install cnpm -g （安装cnpm，-g代表全局安装）
查看是否安装成功：cnpm -v(查看当前cnpm版本)
4、安装webpack
指令：npm intsall webpack -g
查看安装结果：webpack -v
5、安装vue-cli
指令：npm install vue-cli -g
cnpm install -g @vue/cli
6、开始创建一个vue项目
1.下面准备在D盘目录下的WebstormProjects下创建一个vue项目
2.首先按照下图中所示方式进入到当前目录下的cmd窗口

3.在Cmd命令窗口输入如下命令，新建一个vue项目
vue init webpack my-project
4.在建立vue项目中主要需要输入如下信息
Project name my-project --项目的名称，直接默认回车
Project description A Vue.js project --项目描述，直接默认回车
Author syf --作者姓名，输入名字（syf）回车
Install vue-router? Yes --是否安装路由，输入y回车
Use ESLint to lint your code? No --是否用ESLint规范代码，输入n回车
Set up unit tests No --是否需要单元测试，输入n回车
Setup e2e tests with Nightwatch? No --是否需要单元测试，输入n回车
5.进入到my-project文件夹下
cd my-project
6.安装依赖
cnpm install
7.启动项目
npm run dev

记得设置镜像哦～
1、查看淘宝镜像:npm config get registry
2、设置淘宝镜像:npm config set registry url