创建一个vue项目

一、环境准备
1、安装node.js
推荐下载地址：https://nodejs.org/en/

nodejs安装教程请参考：https://blog.youkuaiyun.com/weixin_44893902/article/details/121788104

    2、检查是否安装成功：如果输出版本号，说明我们安装node环境成功

二、搭建vue环境
1、全局安装@vue/cli
推荐下载地址：https://cn.vuejs.org/

     2、在命令行输入

npm install -g @vue/cli

      3、检查是否安装成功：如果输出版本号，说明我们安装node环境成功
      输入：vue - -version

这里可能出现报错信息：
解决‘vue‘ 不是内部或外部命令，也不是可运行的程序 或批处理文件的方法

解决参考：https://blog.youkuaiyun.com/m0_48276047/article/details/113926266

三、创建vue项目
1、创建项目
（1）以管理员身份打开命令行界面，进入任意一个想要创建项目的文件夹，输入

    vue create test_vue

    （2）做一些配置：

       （3）按方向键选中该项，然后按回车键：

       （4）按空格键按照如下进行配置：

      （5）选择vue版本，我选的是3.x

     （6）是否要保存为这个项目作为一个模板保存？

       （7）出现以下界面，项目创建成功：

四、启动vue项目
1、命令行界面启动
（1）跳转到以下界面，默认为8080端口，我的8080端口被占用，所以启动了8081端口。

     （2）打开浏览器输入显示的网址：http://localhost:8081/，项目启动成功。



     （3）返回命令行界面输入Ctrl+c，项目关闭。

2、vue UI 打开可视化界面创建：
创建项目到指定文件夹： https://blog.youkuaiyun.com/qq_35393869/article/details/103804060

voscode打开vue项目：https://blog.youkuaiyun.com/xw_009/article/details/105359325