如默认打开的不是这个页面，点击左下角首页图标，可切换至本页，点击创建按钮，先选择项目创建目录，

然后点击底部在此创建新项目按钮，进入下一步，输入项目名称，选择包管理器，页面如下：

点击下一步，选择创建预设，就是选择如何创建项目，选择手动就可以，

点击下一步选择安装模块

按照上图选择即可，初学者不建议选择Linter/Formatter代码校验模块，要求很严格，影响程序调试，多个空格少个空格都不行。点击下一步选择vue版本，选择2.X即可。

点击创建项目，提示是否保存项目，保存后下次创建项目可以直接使用此设置，这里点击不保存就行。等待项目创建成功即可。

node_modules：项目依赖目录、

public：项目index.html所在目录，其他所有组件都挂载到这个页面。

src：项目文件目录

src\components：项目组件目录

src\router：路由配置文件目录，页面导航。

src\store：vuex配置目录

src\view：项目页面目录

main.js：项目配置文件

这里不再讲解项目里面的具体代码。

使用npm run serve命令运行项目，想了解具体启动过程可以看Vue启动index.html如何被渲染的

运行成功显示项目访问地址：

浏览器访问：

至此项目创建并运行成功.