Vue开发环境搭建——从0搭建前后端分离项目（一）

一、安装nodejs

1、下载安装nodejs

https://nodejs.org/zh-cn/download/

一路下一步，除了想更改安装路径，其他的一路下一步
完装完成，打开win的控制台，输入node -v

node -v
npm -v

注：如果在任意文件夹输入上面两行命令都不会出错，说明安装成功，否则，先重启电脑再试，如果还是失败，则需要重新安装

2、切换npm镜像源

npm config set registry https://registry.npm.taobao.org

3、检查镜像是否切换成功

npm config list

二、安装Vue客户端

控制台输入：

npm install -g @vue/cli --force

错误处理：（如果出现错误）

1、删除文件

C:\Users\Administrator\AppData\Roaming\npm\node_modules 里面的@vue

2、输入命令

npm uninstall -g @vue/cli

然后重新 安装

三、初始化vue项目

方法一、可视化创建

输入

vue ui

运行成功后会出打开一个页面

方法二，命令行创建（vue3.x）

安装创建工具

npm i -g @vue/cli-init

npm install -g webpack

创建项目，其他my-project是项目的名称

vue create my-project