1.1、什么是Vue?
官网解释:Vue是一套用于构建用户界面的渐进式框架。
Vue是一个js框架,提供了一套开发规则,按照这个开发规则就可以提高开发效率。
最后补充:渐进式意思是,vue.js本身功能局限,一旦配合其他的工具可以增强其功能。
1.2、使用Vue需要做哪些准备?
1、官网下载Node.js;
2、在安装的目录下创建名为node_cache和node_global的全局安装目录和缓存日志目录的两个文件夹;
3、根据需要配置和修改环境变量(主要针对npm命令)
4、安装vue npm install vue -g
5、安装webpack模板 npm install webpack -g
6、安装脚手架vue-cli npm install vue-cli -g
7、安装vue-router npm install vue-router -g
1.3、创建Vue项目模板
1、在终端(cmd)输入 npm create Vue name (name可以随意取);
2、然后根据后面的提示初始化vue项目;
3、npm init -y(根据自己需要是否安装全局变量);
4、进入vue_project_name文件夹,在新建终端输入npm i 会显示出这个 package-lock.json 文件(这里是终端安装);
5、然后运行npm 或者 yarn 命令启动vue项目;
tips:code . 可以直接在控制台打开vscode;