前端-Vue入门
前端-Vue入门
vue-入门
本章编写vue入门，包括环境安装，以及使用IDEA创建vue入门项目
环境安装
1.百度搜索node.js进入官网
2.下载LTS稳定版
3.双击msi文件
4.一直点击下一步完成安装
5.检测环境 使用node -v 出现版本号即安装成功
6.npm默认国外镜像源，安装镜像切换工具nrm 使用npm install nrm -g
6.安装成功 查看默认镜像源 使用命令nrm ls7.切换淘宝镜像源使用命令nrm use taobao
8.测试连接速度 使用命令 nrm test npm
9.完成安装 重启电脑
使用IDEA创建一个Vue入门项目
1.创建空项目
2.创建web子模块
3.初始化环境 使用命令npm init -y
4.安装vue依赖 使用命令npm install vue --save
5.安装完成后项目结构如下即环境搭建成功
Vue入门使用
1.创建html文件
2.引入vue依赖
3.创建vue对象
4.在<body>中添加div id属性要与vue对象的el属性值相同
5.打开页面即可看到{{name}}被替换为指定值
Vue入门项目搭建完成！！！