可能涉及文档：

vue-cli

node.js

环境配置

  1. node.js ：12.22.12
  2. npm：6.14.18
  3. vue/cli：5.0.8
  4. 编译器： vscode

开始

说明名称

用 vscode 打开一个文件夹，在终端命令行输入 vue create [项目名称] 来进行项目的创建

vue 版本

1
2
3
4
5
6
> vue create test
Vue CLI v5.0.8
? Please pick a preset: (Use arrow keys)
> Default ([Vue 3] babel, eslint)
  Default ([Vue 2] babel, eslint)
  Manually select features

其他配置

剩下配置信息根据自己需求自行添加，也可以直接选择第一个或者第二个选项默认安装

运行

等项目创建完成之后，在命令行输入npm run serve

1
2
3
4
5
6
7
8
9
DONE  Compiled successfully in 4136ms                                                                       21:31:03


 App running at:
 - Local:   http://localhost:8080/
 - Network: http://192.168.1.102:8080/

 Note that the development build is not optimized.
 To create a production build, run npm run build.

出现类似的提示就可以打开http://localhost:8080/ 或者 http://192.168.1.102:8080/ 看到我们创建的项目（页面是官方默认的样式）