vue/cli 脚手架及其文件说明

vue/cli 脚手架

---

前言

安装脚手架前需先安装node安装，node中包含有npm:包管理工具，不用另外安装npm。
1.如果不确定自己是否安装了node,可以在命令行工具内执行： node -v （检查一下 版本）；
2.如果 执行结果显示： xx 不是内部命令，说明你还没有安装node , node 安装地址：http://nodejs.cn/download/

---

一、vue/cli 脚手架安装

通过npm:包管理工具
搭建vue脚手架的步骤：
1.npm install -g @vue/cli 全局安装vue脚手架
如果速度太慢：将npm的仓库地址改为淘宝镜像：npm config set registry https://registry.npm.taobao.org --global 。

卸载脚手架可以通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它

如果安装脚手架vue-cli失败解决办法
常用的方法是：在电脑上打开终端输入：npm clean cache -force
然后卸载重新安装（一般都能解决）有少数还是不能成功安装的话打开C盘找到npm-cache，手动删除，然后重新执行npm安装的命令，就能解决。（npm-cache所在位置，很多人的目录结构可能有所不同）

二、初始化项目

vue create 项目名字
然后按步骤选择自己的配置，如果看不懂，可查看下面链接，https://blog.csdn.net/weixin_44141393/article/details/117048132
然后会出现两个命令
cd vue-project
npm run serve
（cd切换到项目文件。npm run serve启动项目。）

因为我们在项目配置的时候，已经初始化了项目，并且在 package.json 里面已经有相关配置，所以在这里可以直接运行。如果是打开别人的项目需要npm install 命令执行进行vue的插件安装。

三、项目文件配置介绍

上面通过npm run serve已经了启动项目。
打开项目，会出现许多文件，下面是那些文件的说明。