部署vue开发环境

安装

选择对应系统下载:

https://nodejs.org/en/download/

方式一:下载.msi文件双击安装即可。按照步骤下一步就可以,可以修改安装目录。

方式二:下载.zip文件解压,配置环境变量。

step 5 追加内容  nodejs解压目录

设置

 设置npm全局模块目录和缓存目录

新建两个目录npm,npm-cache命令行输入:

mkdir npm

mkdir npm-cache 

npm config set prefix "D:\nodejs\npm"

npm config set cache "D:\nodejs\npm-cache"

更改为淘宝的镜像源

 命令行输入以下命令即可:

npm config set registry https://registry.npm.taobao.org 

检查

npm config ls

搭建vue环境(vue3.x)

安装组件

安装vue和vue/cli

npm install vue -g

npm install -g @vue/cli

安装webpack 

npm install -g webpack

测试

创建vue项目

vue create demo

 

输入红框内容

cd demo

npm run serve

访问本地8080端口

其他

打开vue图形化界面

vue ui

# 浏览器访问

http://localhost:8000

 

 

 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值