Vue环境搭建

Vue环境搭建 vue cli3脚手架

---

一、安装nodejs

1. 下载安装包：https://nodejs.org/en
2. 查看是否安装成功:cmd 命令中输入node -v

二、安装淘宝镜像源

npm install -g cnpm --registry=https://registry.npm.taobao.org
或者
npm install -g cnpm --registry=https://registry.npmmirror.com
以后的 npm 可以用 cnpm 代替

PS：执行npm时候报错：

npm : 无法加载文件 F:\soft\node\npm.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlin
k/?LinkID=135170 中的 about_Execution_Policies。
所在位置 行:1 字符: 1
+ npm install -g cnpm --registry=https://registry.npm.taobao.org
+ ~~~
+ CategoryInfo          : SecurityError: (:) []，PSSecurityException
+ FullyQualifiedErrorId : UnauthorizedAccess

解决方法：

cmd 查看：get-ExecutionPolicy 输出：Restricted 说明状态是禁止的
更改状态：Set-ExecutionPolicy -Scope CurrentUser
输入：RemoteSigned

三、安装Vue Cli3脚手架

cnpm i @vue/cli -g
检查版本是否正确
vue --version
输出：@vue/cli 5.0.8

四、创建前端工程

 方法1：vue create 项目名
 方法2：vue ui