安装node和vue,创建一个vue项目

1.下载node包

http://nodejs.cn/download/
根据自己的操作系统选择对应的包
在这里插入图片描述

2.安装node

在这里插入图片描述

3.选择安装路径

这个不是必选项,可以默认,默认的话在c盘,c盘可能需要管理员执行权限

4.查看是否安装成功

打开cmd命令窗口,验证是否安装成功
输入命令

node -v

在这里插入图片描述
出现版本号则说明安装成功

5.Vue配置

参考地址
https://cli.vuejs.org/guide/
cmd窗口中执行命令(当然你也可以使用cnpm或者配置淘宝镜像源)

1.安装脚手架

npm install -g @vue/cli

在这里插入图片描述

2.查看是否安装成功

安装成功后如下
在这里插入图片描述

3.查看版本号

输入vue命令查看版本号

vue -V

出现版本号说明安装成功
在这里插入图片描述

4.使用可视化页面创建vue项目

1.输入命令,打开vue脚手架提供的可视化操作页面,这个可以创建项目也可以用于导入依赖和插件等

vue ui

弹出脚手架的可视化页面
在这里插入图片描述

2.创建项目

现在就来创建一个vue项目吧
点击创建
在这里插入图片描述

3.配置项目信息

然后点击在此创建项目,输入项目信息
在这里插入图片描述
我这里选择手动创建
在这里插入图片描述

5.关闭代码检查

(非必选,你也可以保留,保留以后需严格代码规范,否则无法通过编译)
下一步,然后关闭Linter/Formatter代码检查
在这里插入图片描述

6.选择版本

更改vue版本为2.x(3的改动太大了,不熟)
在这里插入图片描述

7.预设

点击创建项目,这个弹框你看你要不要保存这次的项目设置,我一般不保存(创建项目,不保存预设)
在这里插入图片描述

页面底部显示创建成功
在这里插入图片描述

8.启动项目

好,找到刚刚创建项目的位置
在这里插入图片描述

在文件导航栏输入cmdc'm
安装项目依赖
在命令窗口中输入

npm install

在这里插入图片描述

安装完成后输入启动命令

npm run serve

在这里插入图片描述

以上说明项目已经启动,复制地址到浏览器,访问成功
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

SinceThenLater

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值