一:下载node.js (网址如下:Node.js)
1.NodeJS安装
2. 选择安装目录
选择安装到一个,没有中文,没有空格的目录下(新建一个文件夹NodeJS)
3. 验证NodeJS环境变量
NodeJS 安装完毕后,会自动配置好环境变量,我们验证一下是否安装成功,通过: node -v
4. 配置npm的全局安装路径
使用管理员身份运行命令行,在命令行中,执行如下指令:
npm config set prefix "E:\develop\NodeJS"
注意:E:\develop\NodeJS 这个目录是NodeJS的安装目录
5. 切换npm的淘宝镜像
使用管理员身份运行命令行,在命令行中,执行如下指令:
npm config set registry https://registry.npm.taobao.org
6. 安装Vue-cli
使用管理员身份运行命令行,在命令行中,执行如下指令:
npm install -g @vue/cli
这个过程中,会联网下载,可能会耗时几分钟,耐心等待。
(第一步只需第一次使用时使用,后续再使用就在直接从第二步开始)
二:创建vue项目
1.创建vue文件夹
2.命令行输入 vue ui 调出图形化界面
3.基于图形化页面创建项目
接下来可能需要几分钟下载时间耐心等待一下
三:利用Visual Studio Code打开项目
这是我之前实验了一下:你们的界面或许不同,能打开基本就已经创建成功了