Vue项目开发之北--环境大剑

1,安装node
端开发框架和环境都是需要 Node.js ,先安装node.js开发环境,vue的运行是要依赖于node的npm的管理工具来实现,下载https://nodejs.org/en/,安装完成之后,打开cmd开始输入命令。(我用的是win10系统,所以需要管理员权限,右键点击以管理员身份运行cmd),不然会出现很多报错。

在这里插入图片描述

2:查看node的版本号

下载好node之后,以管理员身份打开cmd管理工具,,输入 node -v ,回车,查看node版本号,出现版本号则说明安装成功。

输入命令: node -v

3:安装淘宝npm镜像

输入命令:npm install -g cnpm --registry=https://registry.npm.taobao.org

4:安装vue-cli脚手架
淘宝镜像安装成功之后,我们 vue-cli脚手架,输入命令:cnpm install -g @vue/cli 回车;验证是否安装成功,在命令输入vue,出来vue的信息,及说明安装成功;

cnpm install -g @vue/cli

5 ,配置
(1)建一个空文件夹 命名随你自己项目 ,在这个空文件夹下 cmd 打开终端 在这里敲cmd敲回车就可以快速在这个文件下打开终端了。
在这里插入图片描述


(2)打开后输入命令 vue create player

vue create player

回车以后呢,它有2个选项,默认选项会有严格的语法检查,我这里选的第二个
接下来 我们吧倒数第3个小空号里面的 * 用空格 代替 ,把它取消掉。
在这里插入图片描述接下来一直敲回车就好了

(3),在player 文件下cmd打开终端,
输入npm run server

npm run server

在这里插入图片描述浏览器输入 http://localhost:8080/
如果你的8080端口被别的任务占用的话,会生成8081,8082端口,同理你开3个vue项目,或生成3个不同端口的网址

最终结果是
在这里插入图片描述你就成功了

90后最后一批小哥,及有魅力,又有趣,做地铁还碰头的我 放弃出道 自学前端。加油!!! QQ 1485731520

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值