Vue-CLI脚手架的安装（包含遇到的问题解决方案）

目录

1.全局安装vue-clo

2.查看Vue版本

3.创建项目架子

4.启动项目

5.问题以及解决方法

(1)在终端找不到yarn命令

(2)设置镜像

(3)运行vue create project-name时报错

---

 

Vue CLI是Vue官方提供的一个全局命令工具，快速创建一个开发Vue项目的标准化架子

使用需要分为4步

1.全局安装vue-clo

yarn global add @vue/cli

或者npm install -g @vue/cli

2.查看Vue版本

vue --version

3.创建项目架子

搭建一个新的文件夹，用终端打开，创建项目命令

vue create project_name

项目的名字不能为中文或大写字母

选择Vue3等待创建完成即可 

4.启动项目

将项目拖进VSCode中打开，新建终端

yarn serve

或npm run serve(此处的serve根据实际情况修改，查找项目的package.json)

可以复制到浏览器去查看

5.问题以及解决方法

(1)在终端找不到yarn命令

需要先安装node-js

node-js 下载：Node.js — Download Node.js®

下载完成后根据提示一直按enter安装完成即可

可以在终端中使用node -v检查是否安装成功

安装node之后，npm也安装完成，用nmp -v检查

安装yarn

nmp i -g yarn

用yarn检查是否安装成功 

(2)设置镜像

npm的镜像默认是国外的，使用npm下载需要更换镜像，否则下载速度慢

国内镜像常用的有

（1）https://registry.npm.taobao.org/
（2）https://registry.npmmirror.com

更换命令：npm config set registry https://registry.npmmirror.com

(3)运行vue create project-name时报错

在创建项目的时候报错系统上禁止运行脚本

以管理员身份打开PowerShell

 用命令get-ExecutionPolicy 查看当前的策略，一般默认的策略为get-ExecutionPolicy ，表示限制脚本运行

修改

set-ExecutionPolicy RemoteSigned  然后选择Y即可

RemoteSigned为远程签名

（必须以管理员身份运行要不然会报错）