vue环境搭建

1.安装node.js 官网下载即可 通过cmd输入node -v 检查是否安装

2.安装cnpm(淘宝镜像)快 npm有些资源在国外,申请服务器慢

在命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org 然后等待

3.安装vue-cli脚手架构建工具

在命令行中运行命令 cnpm install -g vue-cli ,然后等待安装完成。(注意,这里使用cnpm来替代npm,不然速度超级慢,会导致卡在那)
通过以上三部,我们需要准备的环境和工具都准备好了,接下来就开始使用vue-cli来构建项目。

4.用vue-cli构建项目

在cmd通过cd切换路径选择项目安装位置

5.安装项目所需的依赖

首先cd到项目文件夹(firstVue文件夹),然后运行命令 cnpm install ,等待安装。

6.安装完成之后,会在我们的项目目录firstVue文件夹中多出一个node_modules文件夹,这里边就是我们项目需要的依赖包资源。

7.运行项目

在项目路径下,运行命令 npm run dev ,其中的“run”对应的是package.json文件中,scripts字段中的dev,也就是 node build/dev-server.js命令的一个快捷方式。
浏览器输入localhost:8080打开页面




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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值