可能涉及文档:

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/ 看到我们创建的项目(页面是官方默认的样式)