vue安装、配置和启动

1、先安装npm和nodejs,看之前我的npm安装
2、输入 npm install -g cnpm --registry=https://registry.npm.taobao.org 这样就能用淘宝的npm镜像代替国外的资源。如果安装npm时已经操作过,可省略。

3、npm全局安装vue脚手架:仍旧在任意路径的cmd下输入“cnpm install vue-cli -g”,安装vue。成功后输入vue能出来信息。
4、 npm项目依赖组件安装:cmd进入前端vue项目的根目录,输入命令“cnpm install”,会根据前端项目的依赖关系下载好相关的组件,存在项目目录的node_modules文件夹下。
5、 对项目进行编译,cmd进入前端vue项目的根目录,输入命令“npm run build”,此时会对根目录下的package.json对build命令的定义进行编译,一般"build" = “webpack -p”。
npm info vue,可查看vue信息。
6、编译项目: cmd进入前端vue项目的根目录,输入命令“npm run build”。
编译报错:Module build failed: Error: Cannot find module ‘node-sass’,输入 cnpm install node-sass@latest 即可。
7、启动项目:cmd进入前端vue项目的根目录,输入命令“npm run dev”。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值