[前端框架]初识VUE(一)---我要得到你的第一次(安装vue以及搭建第一个vue项目)

安装VUE

安装Node.js

下载地址https://nodejs.org/zh-cn/ 下载安装完成打开cmd windows键+r 输入cmd或者搜索打开

在这里插入图片描述

输入 node -v

在这里插入图片描述

出现这种情况安装完成

切换淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

在这里插入图片描述

回车就行

然后安装vue(4.0+)

npm install -g @vue/cli

在这里插入图片描述

同样回车 vue -V(大写的V)

在这里插入图片描述

此时安装成功 vue ui可以打开可视化界面

在这里插入图片描述

创建项目

浏览器输入localhost:8000就可以打开 (此处动图有误，history router不建议开启)

在这里插入图片描述

如上图就 可以创建新项目

在这里插入图片描述

在这里插入图片描述

这些需要

在这里插入图片描述

Lint on save 保存就检查(选择方便开发时编译) js代码检验工具 ESLint + Prettier（用得多） css 预处理器 Sass/SCSS(with dart-sass) 保存时编译 history router，路径是否带 # 号，不建议开启

可以保存为预设 方便下次项目搭建配置

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

这里也会显示

在这里插入图片描述

等待完成即可

http://localhost:8000/dependencies

在这里插入图片描述

可以看到你的项目，左下角可以切换项目/主页/创建 在这里可以安装一些插件依赖 比如发送网络请求需要的axios(本系列后面会讲) 怎么运行呢？往下看

运行

将项目拖进Hbulider x（方便后面使用） (或者直接在文件夹cmd) 或者在可视化界面选择任务然后serve启动

在这里插入图片描述

在终端中输入npm run serve

在这里插入图片描述

此时启动完成 在浏览器打开localhost:8080即可

在这里插入图片描述

你的vue的第一次到此刻就陪你拿了

后续会推出

前端：js入门 vue入门 vue开发小程序 等 后端： java入门 springboot入门等 服务器：mysql入门 服务器简单指令 云服务器运行项目 python：推荐不温卜火 一定要看哦 一些插件的使用等

大学之道亦在自身，努力学习，热血青春