【vue init】一.使用vue init搭建vue项目

教程目录
一：《【vue init】使用vue init搭建vue项目》
二：《【vue init】项目使用vue-router,引入ant-design-vue的UI框架，引入less》
三：《【vue init】项目引入axios、申明全局变量、设置跨域》

场景：使用vue init快速搭建vue的项目
前提：需要安装node.js和npm以及yarn
并且npm需要设置为淘宝镜像，npm和yarn安装教程网上很多可以自行搜索

1.全局安装webpack

使用npm全局安装webpack，
打开命令行工具输入：npm install -g webpack webpack-cli，安装完成之后输入 webpack -v，如下图，如果出现相应的版本号，则说明安装成功。

使用npm全局安装vue，
打开命令行工具输入：npm install -g vue-cli，安装完成之后输入 vue -V，如下图，如果出现相应的版本号，则说明安装成功。

2.使用dos命令新建项目

用dos命令弹窗，cd到指定的项目空目录
然后输入 vue init webpack 项目名 回车

注：在最后一步（Should we run npm install for you after the project has been created?）选项
也可以选择 npm

成功后

3.运行项目

用vscode打开项目目录

然后运行下面命令安装依赖
npm install

运行完成后，再输入
npm run dev
以上命令成功后，展示了页面的访问地址

浏览器访问如下：

注意点：
1.我的npm版本是8.5.0 ，node版本是16.14.2 ， yarn版本是1.22.18，webpack版本是3.0.0