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