搭建vue脚手架 ,使用vue命令需要安装node.js。
一、安装node.js
1.搜索node.js,点击下载对应安装包。
2.双击安装包,默认配置,一直点击下一步。
3.查看是否安装成功。点击win+r,输入cmd。输入node -v和npm -v查看版本号,如图显示,则说明安装成功。
node -v
npm -v
4.更改npm镜像。
(1)cmd命令中输入“npm config set registry https://registry.npm.taobao.org ”(设置新下载地址,这里使用的是淘宝镜像地址)
npm config set registry https://registry.npm.taobao.org
npm的镜像地址有以下几个:
官方镜像:https://registry.npmjs.org/
淘宝镜像:https://registry.npm.taobao.org/
cnpm镜像:https://r.cnpmjs.org/
阿里云镜像:https://npm.aliyun.com/
中国科技大学镜像:https://mirrors.ustc.edu.cn/npm/
华为云镜像:https://mirrors.huaweicloud.com/repository/npm/
七牛云镜像:https://npm.qiniu.com/
(2)设置好后,在cmd命令中输入“npm config get registry”,确认是否更改成功。
npm config get registry
二、安装Vue Cli脚手架
接着在命令行(Windows PowerShell)中输入
npm install -g @vue/cli
安装完毕后记得,查看版本号,确定是否安装成功。
vue --version
三、创建vue项目
vue create vue-demo
报错了,提示:
vue : 无法加载文件 C:\Users\XXXX\AppData\Roaming\npm\vue.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 https:/
go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。
所在位置 行:1 字符: 1
+ vue --version
+ ~~~
+ CategoryInfo : SecurityError: (:) [],PSSecurityException
+ FullyQualifiedErrorId : UnauthorizedAccess
该问题的solution就是通过powershell去解除Execution_Policies
(运行策略)的限制。
解决方法:
以管理员身份运行Windows PowerShell
1.输入 get-ExecutionPolicy
查看当前策略,一般默认是:Restricted
受限制的。
get-ExecutionPolicy
2.输入 set-ExecutionPolicy RemoteSigned
设置为RemoteSigned 远程签名
的。
set-ExecutionPolicy RemoteSigned
选择“Y”
3.输入get-ExecutionPolicy -List
查看当前所有Scope的ExecutionPolicy。
get-ExecutionPolicy -List
4.重新创建vue项目,可以了。