1 安装node.js
检查安装版本
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