【第二届青训营-寒假前端场】-从头开始使用vue-cli创建项目

从头开始使用vue-cli创建项目 安装 vue-cli

1.cmd环境下 输入

npm install vue-cli -g 1 检查是不是安装好了

vue -V

得到结果

2， 然后我们选择模板webpack 搭建自己的项目 项目名命名为vueDemo2 （这个代码就照着写，只需要改自己的项目名）

F:\前端\Vue\vue-cli\vueDemo>vue init webpack vueDemo2

3加载模板过后 就是一系列的设置 放上设置的结果 对应着按enter设置就好 。这里需要注意这个 Project name的名字不能包含大写字母，不然会一直提示的。

选择下面这个之后

Setup e2e tests with Nightwatch?

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

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

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

npm run dev 1 我自己配置的时候报错了 错误如下：

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

结果：