vue脚手架以及vue创建项目（包括如何解决安装报错）非常详细谁都可以

vue脚手架安装及vue脚手架创建项目（详细步骤）

1.首先，我们要先到nodejs官网下载与电脑适配的nodejs文件到电脑上并安装

（此处忽略，直接傻瓜式安装就可以）

**2.**安装好nodejs之后，在电脑创建一个新文件夹，并在里面打开cmd窗口

cmd窗口打开之后，输入

npm install nrm -g

命令回车，全局安装nrm工具

类似这种的提示就说明nrm安装成功了

接下来继续输入

nrm use taobao

切换使用淘宝源下载插件，这一步不是必要的，但决定了后面的下载速度

显示下面提示文本就切换成功了.

下面输入

npm install @vue/cli -g

安装vue脚手架,接下来的过程会很漫长，耐心等待

显示这个文本，就说明vue脚手架也OK了

**注意：**也会有大部分同学会显示安装失败，不要慌下面就是

vue脚手架安装不成功的解决方式

方式1
以管理员的方式打开终端执行安装脚手架的命令
方式2
在终端执行指令：npm clean cache -force
方式3
找到npm-cache文件夹删除，路径C:\Users\Administrator\AppData\Roaming

下面是最后一步，也是最重要的一步，在命令行输入v

vue create my-project

创建一个新项目（项目名称不能出现大写字母）

项目创建好之后会出现这个窗口，我们选择Manually select features 手动选择配置 （用上下箭头移动，回车键选择，后续才做也是如此）

我们选择Babel,Router,Veux,CSS Pre-processors，这四个选项（用上下箭头移动，空格键选中或取消），选择好之后，回车下一步

输入n 选择hash模式作为路由切换
选择Less css预处理器

选择把配置写在package.json文件夹内

选择是否保存以上配置到本地（根据个人需求选择） 接下来是漫长的安装过程

如果出现以下提示，那么恭喜你，你的项目已经搭建成功了

下面输入**

cd my-project

** 切换到项目目录，然后执行npm run serve 启动项目
弹出以下窗口信息，复制网址到浏览器就可以看到vue项目界面了（注意：此窗口不能关闭）

成功开启

全部结束