• 章节:38
  • 访问:1015
  • 时长:00:13:44
  • 日期:2019-07-02 06:29

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项目

捕获.PNG

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