手把手教你如何搭建一个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

如果图片不展示可参考：https://blog.csdn.net/weixin_42650105/article/details/109517394

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