Windows PowerShell安装指定版本vue/cli脚手架失效解决办法;vue : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\vue

mac搭建vue项目看这篇

打开shift——鼠标右键,就可以打开Windows PowerShell

1.安装vue/cli
npm install -g @vue/cli@3.12.0 @后面是版本号
在这里插入图片描述

2.安装完成后查看 使用过 vue -V 查看vue/cli版本号
(如果查看找不到版本,使用命令行创建项目vue create my-demo也无效,那就需要用管理员方式打开Windows PowerShell,详见步骤3)
(在用脚手架搭建vue项目时,提示:无法加载文件C:\Users\1111111\AppData\Roaming\npm\vue.ps1,因为在此系统禁止运行脚本
这是你笔记本禁止运行脚本,解决办法件步骤3)

正常情况下查看版本号:
在这里插入图片描述

脚手架创建项目失败:(使用步骤3解决此问题)
在这里插入图片描述

3.使用管理员权限打开
在这里插入图片描述

输入set-ExecutionPolicy RemoteSigned
然后选择 Y 回车
在这里插入图片描述

然后在查看vue -V版本号就正常了,也可以直接脚手架创建项目了。

4.脚手架详细搭建vue项目:按空格或↑↓进行选择,按回车进行下一步
4.1选择淘宝源
在这里插入图片描述

4.2建议选择手动配置脚手架(可以选择是否配置eslint,使用何种css预编译语言等)
在这里插入图片描述

4.3选择项目的功能
在这里插入图片描述

4.4选择路由的风格
在这里插入图片描述

4.5选择css预处理语言
在这里插入图片描述

4.6选择代码规范(4.3如果选择了语言风格校验 这里会选择配置eslint校验(建议选无分号规范) )
在这里插入图片描述

4.7选择校验规则(4.3如果选择了语言风格校验 这里会选择配置eslint校验规则 都选择 )
在这里插入图片描述

4.8配置文件的生成方式
在这里插入图片描述

4.9保存上面的功能配置(保存后以后可以直接选择这个配置用来创建项目)
在这里插入图片描述

4.10给预设起名字
在这里插入图片描述

4.11选择何种依赖创建出vue项目(yarn比npm更快 没安装需要使用 npm install -g yarn 安装,如果安装失败,也是像上面执行步骤3,以管理员方式运行即可)
在这里插入图片描述

4.12进入项目并启动项目
yarn serve 启动项目
yarn build 生成上线的dist目录
yarn lint 代码格式校验
在这里插入图片描述

4.13查看项目

在这里插入图片描述

4.14脚手架项目创建好后项目目录中是没有vue.config.js文件的,此时需要我们在项目的根目录下手动创建vue.config.js
这是我自己配置的vue.config.js
在这里插入图片描述

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值