尚硅谷课程 从头开始使用vue-cli创建项目

尚硅谷课程 从头开始使用vue-cli创建项目
安装 vue-cli

1.cmd环境下 输入

npm install vue-cli -g

检查是不是安装好了

vue -V

得到结果
在这里插入图片描述
2,
然后我们选择模板webpack 搭建自己的项目 项目名命名为vueDemo2 (这个代码就照着写,只需要改自己的项目名)

F:\前端\Vue\vue-cli\vueDemo>vue init webpack vueDemo2
  1. 加载模板过后 就是一系列的设置 放上设置的结果 对应着按enter设置就好 。这里需要注意这个 Project name的名字不能包含大写字母,不然会一直提示的。

在这里插入图片描述
选择下面这个之后

 Setup e2e tests with Nightwatch?

到最后一个选择的时候 按键盘下键 选择最后一个

然后输入后面两行命令 等待下载 要等一哈哈
{我这里是选择的最后一个,所以需要自己配置内容,也可以直接选第一个}

4然后就可以写运行的代码了

npm run dev

我自己配置的时候报错了 错误如下:

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\pc\AppData\Local\npm-cache\_logs\2021-04-16T01_56_31_738Z-debug.log

问题:全局脚手架和本地脚手架版本不一样。
解决的方法:

  1. 执行:npm install npm@latest -g
  2. 在项目文件 找到 node_modules依赖包 直接删除
    在这里插入图片描述
  3. npm cache clean --force 清除缓存
  4. npm i安装依赖

再次执行 4 运行

npm run dev

结果:

在这里插入图片描述

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值