npm 全局安装vuecli报错_vue cli(3.0)

说明：：相当于脚手架，是一套工具的集合，很多工具弄好了在那放着，用什么拿什么就行了，提供了很多功能，比如.vue文件，修改了文件后，自动刷新提高开发效率，比如在vue项目中写scss,less，需要使用css预处理器，需要这些相关的编译器，比如怎么让.vue文件运行在浏览器，编译工具，比如在开发的时候，需要http服务，把我们的项目运行在http服务里面，等等等，这些功能都是vue cli提供的

安装：（全局安装）--》对node版本有要求，需要Node.js8.9或者更高版本， node -v 这是检查自己版本号--》 npm install -g @vue/cli （这句命令在哪执行都行，因为是全局安装的）--》vue --version --》出来版本号才算是安装成功了

创建一个项目：：

（1） vue create hello-world

（2）

默认或者手动选择方式

（3）先选择默认，然后会开始装包

注意：使用git bush，上面的命令运行后的创建过程中的交互提示符不会正常工作。 交互提示符就是上图中的上下选择的键

最好在cmd中

（4）cd hello-world 进入项目中

（5）npm run serve 运行起来

（6）

成功

（7）进入页面后有一个默认页面，这时候就成功了

（8）这时候cmd中给你开启了http服务，开发期间不能关闭这个cmd命令行，不然会看不到页面，如果关了，会重新npm run serve

目录结构：

node-modules 是存放一些第三方包

public 是存储当前项目的一些静态资源（里面存放了index.html页面）

.gitignore 里面存放一些需要被忽略，不需要被git管理的文件资源，下面这些是自动生成的

Package.json 依赖

Package-lock.json ①用来锁定包版本号，防止npm装包自动升级问题。②存储被安装包的下载地址，如果你重新安装包，可以提高你的下载速度

README.md 文件的说明

src -->assets 放的是图片等静态资源

src -->components 存放组件

src -->App.vue 显示的页面

src -->main.js 渲染App组件到页面id为app的组件标签中

.vue文件保存代码，浏览器自动刷新地址