vue项目实战(个人博客)二------环境搭建

安装node.js

百度搜索node.js第一个就是,
在这里插入图片描述
下载一个自己想要的版本(建议不要下载最新的版本,最新版本可能会遇到一些问题)
下载完成全部是默认一路点击下一步就行

安装淘宝cnpm

输入命令

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

当时这一步的时候电脑只要一输入这个命令就卡死也不知道怎么办,然后重装系统后就好了〒▽〒

安装Webpack

cnpm install webpack -g

vue-cli的安装

输入命令

cnpm install -g vue-cli

新建vue项目

新建一个文件夹
cd到该文件夹或者使用用vs.code打开该文件夹
用vs.code打开后打开终端
输入命令

vue init webpack  ”项目名称“

在这里插入图片描述
然后等待下载完成注意最后两项选择n
下载完后发现多了一个blog文件夹
在这里插入图片描述
目前我们项目已经新建好了传递cd到这个文件夹下然后输入命令
在这里插入图片描述
等待完成
在这里插入图片描述
在浏览器输入上面的地址 http://localhost:8080或这用vs.code的快捷键按住ctrl然后用鼠标点击
在这里插入图片描述
到目前项目以及该搭建完成了,就可以开始写自己的项目了

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值