搭建vue项目（第一个vue项目）

目录

一、vue开发环境

二、创建vue项目

1、准备空白文件夹

2、打开命令行工具

3、创建项目

三、运行vue项目

1、启动项目

2、浏览器打开

---

一、vue开发环境

首先，我们需要搭建好vue的开发环境，包括node.js，cnpm，vue-cli，开发工具等等；

二、创建vue项目

1、准备空白文件夹

在本地新建一个空的文件夹，用来放置vue项目，尽量不要放在C盘中；

例如：在E盘中新建一个demo文件夹

2、打开命令行工具

点击下拉框，输入命令：cmd，回车，打开文件夹的命令行终端，要确保终端的路径是正确的；

3、创建项目

输入命令：vue create 文件名； 

vue create vue_demo_01

注意：文件名不能出现大写字母；

回车，创建vue项目；

按【下箭头】，选择创建Vue 2项目

回车，等待完成即可；

三、运行vue项目

1、启动项目

根据提示，使用命令：cd vue_demo_01 切换盘符；再使用命令：yarn serve 启动项目；

cd vue_demo_01 

yarn serve 

启动成功后，项目默认会运行在8080端口；

2、浏览器打开

将Local地址，或者Network地址，复制到本地浏览器的地址栏中，回车，即可查看自己新建的第一个vue项目啦~~~

==================================================================================================================================================

恭喜恭喜！大功告成！第一个vue项目创建完毕！

期待后续的进一步学习咯~~~