创建 Vue 工程

使用 Vue CLI 工具

1、安装 Node

Vue CLI 在后台使用 NodeJS，要使用 Vue CLI，首先必须下载并安装 Node.js。Vue CLI 当前不支持 Node 17 版本，所以 node 应安装 LTS 版本。
CMD提示-Vscode之NPM : 无法将“NPM”项识别为 CMDLET、函数、脚本文件或可运行程序的名称。
npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。

原因分析：
1.没有安装npm 没有安装node环境 可以点击 node官网 进行下载安装

2.全局安装，没有加入系统环境变量Path中。
npm的安装过程
1.下载2.安装到以下位置：D:\NODEJS

3.安装好后在本机终端中测试是否成功如果出现版本号就说明成功了 node -v 和 npm -v

4.配置环境变量

在D:\NODEJS文件夹里面新建两个文档node_cache和node_global

然后打开cmd命令窗口，输入

npm config set prefix “D:\NODEJS\node_global”
npm config set cache "D:\NODEJS\node_cache”

然后“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”

在【系统变量】下新建【NODE_PATH】，输入

D:\NODEJS\node_global\node_modules

然后编辑Path，新建一个路径

D:\NODEJS\node_global
1.

最后点击确定保存，在cmd里面做测试，安装最常用的express模块

npm install express -g

如果报错可能是你的npm版本不对 试试npm install npm -g

2、安装Vue脚手架

运行命令 npm install -g @vue/cli ，此命令将在系统上全局安装 Vue CLI 工具。

第一步（仅第一次执行）

用 vue -v查看vue的版本

1、执行卸载命令删除当前的脚手架版本：

已知安装版本：npm install -g @vue/cli@版本号
未知安装版本：npm uninstall -g @vue/cli

2、执行如下命令安装低版本的脚手架：npm install vue-cli -g 默认安装2.9.6版本

3、在cmd中执行：vue -V 命令；展示成功。

3、创建Vue 工程

运行命令：vue create ***