Vue学习之旅(一)——搭建一个小项目

一、全局安装vue-cli脚手架

1. 下载安装nodejs

    通过以下网站下载适合的nodejs版本,nodejs安装教程网上也不少,这里也不过多赘述

     http://nodejs.cn/download/

2. 使用npm安装vue-cli脚手架,值得注意的是在国内使用npm install一些依赖包有可能出现一只下载不下来的情况,这个时候就要选择一个镜像加快下载速度,例如淘宝镜像等。

npm install -g npm
#【修改为淘宝镜像(可选操作)】
npm config set registry "https://registry.npm.taobao.org"

#【全局安装 webpack】
npm install webpack -g

#【webpack 4.X 开始,需要安装 webpack-cli 依赖】
npm install webpack webpack-cli -g

#【查看版本号】
webpack -v

#【全局安装vue-cli】
npm install -g vue-cli

二、 使用vue-cli搭建项目


cd E:\vue\vue-demo
vue init webpack vue-demo

然后出现交互界面,这个时候根据自己的需要进行选择

#【进入交互页面,根据自己情况选择】
?Project name vue-demo # 项目名称,直接回车,按照括号中默认名字
? Project description A Vue.js project # 描述,
? Aut

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值