VUE环境搭建

node.js安装(推荐下载18.0.0版本,里面集成了npm管理工具):

可通过node -v和npm -v查看node.js和npm的版本:

vue和vue-cli安装(vue-cli是vue的脚手架(脚手架:可理解为一个完整的项目)):

可通过vue -V查看vue的版本:

安装步骤如下所示(下载速度有点慢,请耐心等待):

1:   按win+r键,输入cmd命令

2:   先用npm下载cnpm镜像:(通过镜像来下载vue和vue-cli要快点)

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

3:   安装vue,命令如下:

cnpm install vue

4: 安装vue-cli,命令如下:

cnpm install --global vue-cli

webpack和webpack-cli安装:

可通过webpack -v查看webpack和webpack-cli的版本:

 安装步骤如下所示(下载速度有点慢,请耐心等待):

1:   按win+r键,输入cmd命令

2:   用npm下载webpack:(webpack用于项目打包)

npm install webpack -g

3:   用npm下载webpack-cli:(webpack-cli处理命令行参数(可不用下载))

npm install webpack-cli -g

VUE环境搭建已完成:

现在可以在自己的工作目录创建自己的项目了,可通过下面命令来构建vue项目:

1:   vue init webpack 项目名

在项目目录下,需执行一下命令:

2:   npm install

3:   npm run dev 

各广大编程爱好者,如以上方法搭建失败,可通过下方二维码,群里有相应的解决方案:

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值