搭建Vue前端项目的流程

1、安装nodejs
测试安装是否成功

$ npm -v
6.14.16
$ node -v
v12.22.12

2、全局安装npm install -g @vue/cli，后续会使用到vue命令

$ vue --version
@vue/cli 5.0.8

使用vue create demo_project_fe命令创建项目，使用箭头键来选择，确认使用回车键
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/61bdb06ab6a44da3890b7d8b0c0caf27.png

成功界面

查看新建项目

$ cd demo_project_fe
$ ll
total 408
-rw-rw-r--   1 work work     73 Dec  6 20:59 babel.config.js
-rw-rw-r--   1 work work    279 Dec  6 20:59 jsconfig.json
drwxrwxr-x 571 work work  20480 Dec  6 20:59 node_modules
-rw-rw-r--   1 work work    891 Dec  6 20:59 package.json
-rw-rw-r--   1 work work 366868 Dec  6 20:59 package-lock.json
drwxrwxr-x   2 work work   4096 Dec  6 20:59 public
-rw-rw-r--   1 work work    327 Dec  6 20:59 README.md
drwxrwxr-x   4 work work   4096 Dec  6 20:59 src
-rw-rw-r--   1 work work    118 Dec  6 20:59 vue.config.js

执行npm run serve启动项目