Vue环境的配置与项目构建

Vue环境的配置

安装node

打开cmd命令面板输入指令：

npm install webpack@5.73.0 -g

查看是否安装完成

node -v

webpack的安装

安装：

npm install webpack@5.73.0 -g

查看：

webpack -v

idea配置dos

如果在idea命令行模式下输入指令提示没有可用指令需要配置
位置：Settings – Tools — Terminal

Vue CLI3安装

安装：尽量以管理员身份安装

npm install -g @vue/cli

查看:大写V

vue -V

Vue项目的初步搭建

创建项目

命令：

vue create 文件名
例子：vue create vue-demo

选择项目功能

选择版本

选择路由模式

这里选择y回车

选择配置文件存放

选择是否保存配置

配置的名字

构建完成

这里就算创建完成了，可用输入命令来运行那个项目

cd vue-demo 先找到那个项目
yarn serve 运行