创建vue-cli项目

安装Vue

sudo cnpm install -g vue-cli全局安装Vue脚手架,安装成功之后可以使用vue -V查看vue的版本号

创建项目

vue init webpack packageName ,其中webpack表示所选择的模板,通常情况下使用webpack作为模板,packageName是工程所在文件夹的名字,工程名在后面会提示输入,默认与packageName一致
需要注意的是:

  • Install vue-router?(Y/n)是否安装vue-router,这时官方的路由,大多数情况下都使用,输入“y”回车就可以了
  • Use ESLint to lint your code?(Y/n)是否使用ESLint管理代码,ESLint是个代码风格管理工具,是用来统一代码风格的,一般项目中都会使用。往往会规范空格、空行、大括号等风格。

在这里插入图片描述
然后我们cd test1进入文件夹
在test1目录下执行启动vue-cli命令:npm run dev
在这里插入图片描述
然后在浏览器输入localhost:8080
在这里插入图片描述
初始化项目成功!

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值