(一)vue使用脚手架安装工程

1.当官网https://nodejs.org/en/下载,一直点下一步安装就行

2.由于安装node时,npm也一起安装好了,所以在cmd终端执行node -vnpm -v检测是否安装成功,有版本号说明成功

3.由于npm下载包都是从国外下载,会比较慢,所以需要安装淘宝镜像

执行npm install -g cnpm --registry=https://registry.npm.taobao.org,通过cnpm -v命令查看是否安装成功

4.安装vue-cli工具,执行cnpm i -g @vue/cli,通过vue --version命令检测是否装成功,成功有版本号。vue-cli相当于一个工具包,整合了很多技术。

5.在需要创建项目的文件夹下打开终端,执行vue create 项目名,选择vue 2 babel那个,然后等待生成对应的项目

6.删除components,把app.vue根组件不要的删除,改成如下形式:

7.在当前项目文件的终端,执行npm run serve启动项目,在浏览器根据终端提示的路径端口,输入localhost:8080查看是否有你好,VUE的字样,有则ok!

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值