VUE入门

VUE环境准备

1.安装node.js
官网：https://nodejs.org/en/
1）选择对应系统的版本，下载安装（选择默认安装即可）
2）安装完成后查看环境变量是否配置成功：
win+R，输入cmd打开命令行，输入path查看。

或者通过命令行键入：node -v和npm-v查看（注：npm是node.js的包管理器，所以安装node.js会默认安装npm） 后续项目依赖要通过npm来安装；

2.Vue脚手架——vue-cli（2.X版本）

1）打开cmd窗口或者终端工具，全局安装Vue-cli

npm install --global vue-cli

2）创建一个基于webpack模板的新项目

vue init webpack my-project

3）根据提示信息选择Yes/No ——（以下信息会写入package.json文件中）
内容包括：项目名称、项目描述、作者
如何构建项目–standalone
是否安装vue-router
是否使用ESLint规范代码
是否需要自动化测试工具
依赖的安装方式（npm、yarn）——npm

4）项目创建成功

5）执行npm install，安装node_modules

npm install

6）进入到项目目录，执行命令，项目正常运行在localhost，可进行本地调试。

cd todolist
npm run dev

7）打开地址：http://localhost:8081/#/

3.vue cli 3.X

1）全局安裝vue cli

npm install -g @vue/cli

2）創建項目

vue create my-project

可視化工具

vue ui

附:
安装Chrome浏览器插件——Vue Devtools
下载地址：https://chrome.zzzmh.cn/index#ext
安装指南：https://chrome.zzzmh.cn/help?token=setup

安装Git（根据自己需要）
官网下载：https://www.git-scm.com/download/
安装指南：https://www.cnblogs.com/ximiaomiao/p/7140456.html