vue搭建项目

首先安装vue

npm install -g @vue/cli

如果有旧版本需要先卸载旧版本

npm uninstall -g vue-cli

查看vue版本

创建项目

vue create vue-project

选择第三个自定义配置

这里看自己需求按空格选择

推荐选择2.x

选择是否使用路由 history router，其实直白来说就是是否路径带 # 号，建议选择 n，选yes还需在服务器配置

选择ESLint 代码校验规则

选择什么时候进行代码检验，选择第一个，保存时检验

如何保存配置，选择第一个，放到独立的文件中

选择是否保存本次配置，大可不必

配置成功

我这里为了方便直接将文件夹建在了桌面，进入目录后，我这里还为vue添加了element-UI

选择如下

配置基本完成，我们打开IDE进行后续的编辑，这里使用vscode。

code .//命令行中直接输入可使用vscode打开路径下的文件

在打开的vscode终端中输入

npm run serve

运行成功结果如下

参考:https://www.bilibili.com/video/av49391383?from=search&seid=7545539138774107633