搭建vue环境,创建vue项目

1、在cmd终端输入node -v查看node版本,没有就去下载: Node.js

2、下载好node之后如果还是查不到版本,那就需要配置: 环境变量

3、检查npm是否安装成功,在终端输入npm -v查看版本(npm-般随node一起安装 在电脑中,node如果成功了,npm基本都会没问题)

4、安装淘宝镜像: npm config set registry http://registry.npm.taobao.org/,可以使用 npm config get registry 命令查看是否安装成功(提高下载速度的)

5、vue脚手架全局安装: npm install -g @vue/cli,检查其版本: vue --version,全局卸载vue脚手架命令: npm uninstall -g vue-cli

6、在存放项目的目录中打开终端,创建vue工程: vue create bili-app,工程名随便写

7、选择工程模板,三个选项:vue2模板、vue3模板、 自定义模板,选vue2模板就可以

8、自定义模板的话会多三个选项,第一个创建项目时同时下载的插件,空格控制是否选中;第二个选择配置文件,选in package.json;第三个是否保存自定义模板,输入 y 回车即可

9、把终端切换到项目文件夹中,运行npm run serve启动项目

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值