1 安装node.js

http://nodejs.org/en/

检查安装版本

node -v

检查npm是否正常工作

npm -v

2 安装@vue/cli 脚手架

脚手架其实就是一个最基本的demo模板

cmd 定位到对应的目录

npm install --global @vue/cli

3 选择开发工具

Sublime Text

Atom

Brackets

Visual Studio Code

Visual Studio

我们选择Visual Studio

4 创建项目

vue create todo --default

5 了解项目结构

使用vs 打开todo项目

public/index.html

这是一个公共的index.html文件，是由浏览器加载。它在元素应用程序是一个显示元素和一个负载应用程序脚本文件。

src/main.js

这是一个JavaScript的SRC / main.js配置文件，是负责的vue.js

应用。因此，它是用于注册的任何第三方软件，

src/App.vue

这是vue.js src/App.vue包含HTML内容的组件，这将显示到用户所需的JavaScript代码，HTML和CSS

src/assets/logo.png，

assets文件夹是用来存储静态内容，如图片。

6 启动项目

cd todo npm run serve