云社区 博客 博客详情

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

代码哈士奇 发表于 2021-03-26 01:17:58 2021-03-26
0
0

【摘要】 安装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

安装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:推荐不温卜火 一定要看哦
一些插件的使用等

大学之道亦在自身,努力学习,热血青春
如果对编程感兴趣可以加入我们的qq群一起交流:974178910
有问题可以下方留言,看到了会恢回复哦

文章来源: blog.csdn.net,作者:代码哈士奇,版权归原作者所有,如需转载,请联系作者。

原文链接:blog.csdn.net/qq_42027681/article/details/109497258

登录后可下载附件,请登录或者注册

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件至:huaweicloud.bbs@huawei.com进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容。
评论文章 //点赞 收藏 0
点赞
分享文章到微博
分享文章到朋友圈

上一篇:工具篇---H5转app/exe(懒人版本,适合刚学了vue或者学了H5)

评论 (0)


登录后可评论,请 登录注册

评论