vue入门学习

一、vue项目的创建步骤

1、创建项目并初始化项目

使用vue脚手架创建和开发项目：
（1）vscode 打开一个空文件夹，打开终端
（2） 终端运行命令： vue create 项目名 #注意：项目名不要使用驼峰标识，可以使用“-”连接
（3）按上下建选择：Marually select features

（4）按上下键移动光标，按空格键选择

（5）

（6）选择路由模式：

（7）选择样式模式:

（8）

（9）

（10）

（11）

（12）

（13）

（14）访问链接出现以下界面则项目创建成功

二、完善项目

1、处理src中不必要的文件：
删除components->HelloWorld.vue
修改router-index.js:

删除views文件夹中的home.vue和about.vue，修改App.vue中的内容：

2、然后可以在src下创建一些常用到的文件夹，例如：

三、简单开发的小demo：

vue入门练手