老师这里没讲区别，导致我在3.4课程里实操项目时候选择了Airbnb模式的helloworld项目，会有很严格的eslint报错问题，换乘standard模式的helloui就没这个烦人的问题了

我的问题已解决。

可以再来一次的，回退一下

建议：

• 不要在中文目录创建项目

• 不要在C盘或者桌面创建项目

• 项目名称不要有空格，或者特殊符号

• 项目名最好是中文+短中横线

• 使用淘宝源：npm install -g cnpm --registry=https://registry.npmmirror.com

  然后使用cnpm安装vue/cli

不需要，vue-cli已经集成了webpack

从2022年2月，vue3成为了默认正式的版本，如果需要安装vue2的版本，在cli创建的时候可以这样：

ctrl + c  之后yes

注意chrome的版本，vue-devtools的版本，尽量使用最新的。

你要确定自己的vue cli的版本，请使用npm install -g @vue/cli安装最新的版本

代码要规范才行不然到时候不好改。

好，多谢

通过如下方式进行自检一下：

1. 删除Node_modules，然后重新安装

2. 查看vue cli的版本，使用淘宝源安装最新的cli工具,cnpm install -g @vue/cli，使用vue --version查看版本，目前应该是3.11.0 ，参见：https://www.npmjs.com/package/@vue/cli

3. 重新使用vue ui命令

4. 关闭终端，使用管理员命令打开终端。
   

这是配置域名你的ip地址或者你的域名地址在config.js里面找这个配置:

这里有一个同质问题https://github.com/vuejs/vue-cli/issues/1616

同学你好，请你按照下面的步骤检查一下

1. npm, nodejs的版本，nodejs 推荐10 LTS。

2. 全局安装淘宝源，使用淘宝源安装如下内容
   

3. 检查 vue cli是不是最新的，npm install -g @vue/cli，目前是3.10.x

4. 使用命令行工具使用管理员命令打开

5. 再次使用UI命令创建工程

如果以上不行的话，可以使用vue create命令来创建。

看错误的提示，好像是没有安装Python2，问题解决了就好。

环境问题一直是大家的心病~~~

在Windows下的小伙伴，强烈建议：

1. 不要使用中文目录。

2. 使用淘宝源。

3. 使用管理员权限安装node

4. 使用最新的@vue/cli
   

如果想把A组件背景设置成蓝色，可以可以A组件的root根元素上加上一个background，然后在style上scoped属性，这样就可以在局部给元素“上色”啦，不会影响到其他元素。PS: 使用class可以让这个样式，在多个元素上使用哦~~~~~?

可以，但是vue init创建出来的工程项目，不是vue cli官方的template，是这个template:https://github.com/vuejs-templates/webpack，然后你看一下github地址上的一句话：

Vue-cli 3 is here, so this template is now considered deprecated.

所以，请不要再使用了，可能以后不会更新了，被deprecated掉了，就是放弃更新了。

同学，下次提问请提供

包括且不限于：

1. webpack版本,vue版本,node版本,npm版本。

2. webpack配置；

3. package.json

4. 本课程中的哪个实例操作出如上的错误，操作的流程是什么？！

5. 代码截图，console错误截图，终端错误截图。

我估计你上面的错误是由于你本地的vue/cli版本不对。

请全局安装npm install -g @vue.cli，然后使用vue --version查看一下，是不是3.x以上的版本。

删除项目，并重新create.

建议重装nodejs，使用node 10 LTS的版本。

重装@vue/cli，使用cnpm淘宝源。

重新创建项目，或者删除node_modules，使用cnpm重新安装。

这里只是一个CD目录的命令，同学你可以在任何一个目录下去创建vue cli的工程化项目。

使用的命令vue create 项目名称，就OK了。

不用太在意~~~

这个都可以，基于的底层预编译工具都是sass，推荐dart-sass运行速度会比较快一点。但是，实际我的体验是差不多~~~

可以这样，把全局的Npm仓库设置成为淘宝源，应该会加速安装的过程。

npm config set registry https://registry.npm.taobao.org

可以试试。

操作步骤：

1. 删除工程目录node_moduels

2. npm config set...

3. 然后，关闭vue ui后，关闭窗口

4. 使用管理员命令运行终端工具，vue ui再次运行ui工具。
   

可以使用ctrl+c退出自动的安装过程后，使用cnpm install手动安装。

或者使用npm config set registry https://registry.npm.taobao.org，然后就可以使用npm命令了。但是这样不能使用npm publish，需要重装再修改为默认的Npm源，才能发布Npmjs包。

下次提问，记得提供且不限于以下：

1. 错误提示及代码截图；

2. package.json 配置

3. 项目代码

4. npm node vue-cli的版本

不是的。

vue是框架名称，vue也是vue-cli在终端里面的命令。

vue-cli是vue框架开发的快速工程化命令工具。

@vue/cli是vue-cli的最新的npmjs的包的名称。

谢谢您的关注。

可以使用vue --version看看有没有打印vue的版本。如果没有，说明全局没有安装成功，请检查：

1.  node --version 必须10.16版本以上

2. npm install -g @vue/cli 安装 一下

3. 再使用vue --version命令看看。
   

上面的git只是WARN，下面的ERR!才是你的真正错误的原因，没有找到package.json文件，我看你的目录在vue下，而非你创建的工程目录hello-vue目录下，所以你选择错误的目录去执行npm run serve命令了。

官方已经不推荐使用 vue init webpack 这种方式了，因为 cli 工具已经高度集成了 webpack，有很多新的特性在里面。比如：链式写法的 webpack 插件，而且 cli 还提供了 ui 工具，就像我们课程中演示的那样。

如果你要纠结 init 与 create 的区别在哪里，可以从以下几点参考：

1. 单独的 webpack 配置包，而非高度集成。

2. 清晰的 webpack 配置文件，优化需要自己比较了解 webpack 配置。

3. 目录结构没有 cli 工具的清晰。

4. 可选配置 vuex, vue-router，eslint ,scss 不需要另外下载 loader 进行 webpack 配置。
   

要区别两个命令

vue ui工具，是使用vue ui命令进行启动的，这里会自动运行在8000端口，这个是仪表盘。关于，vue ui目前官方还是一个beta状态，所以还有很多不确定性，建议使用cli工具去创建项目——windows上的小伙伴。

vue/cli工具，是用来快速创建vue工程化项目的，如果后期需要使用router,vuex可以手动去创建，但是建议前期学习的时候，使用手动选项+cli快速配置项目中使用到的vue常用组件（router,vuex），这样可以省去很多麻烦。

所以，建议你重新找一个目录，使用管理员权限，vue create来创建一个项目，使用手动选择进行项目初始化，初始化完成之后，命令行里面有提示如何运行一个项目。

上面的代码提示，使用管理员权限进行运行。

请删除Node_modules目录，使用cnpm在管理员窗口中重新安装@vue/cli，然后再次使用vue serve命令进行编译调试。