Vue项目搭建并访问WebApi 介绍

一、安装node.js

　1、下载地址为：Node.js

　2、检查是否安装成功：cmd黑窗体输入“node -v ”如果输出版本号，说明我们安装node环境成功

二、搭建vue项目环境

  1.  在想要放置项目的盘里创建一个空文件夹 例：D:\Vue

  2.  打开电脑运行窗口：win+r   输入指令：cmd

  3.  C:\Users\lenovo>D:  //找到放置项目的盘

  4.  D:\>cd D:\Vue //找到放置项目的文件夹

  5.  D:\Vue>npm install -g @vue/cli-init  //全局安装vue脚手架（桥接vue2.0）
        
  6.  D:\Vue>npm install -g cnpm --registry=https://registry.npm.taobao.org   //全局安装淘宝镜像

  7.  D:\Vue>vue init webpack hello-world  //创建项目 

  8.  D:\Vue>cd hello-world   //找到项目
        
  9.  D:\Vue\hello-world>npm run serve / cnpm run serve  //运行项目

  10.  D:\Vue\hello-world>npm run build / cnpm run build //打包项目

  11. 把创建好的vue项目拖到 VSCode 工作空间中,用别的开发工具也同理。

三、目录介绍