news 2026/5/22 1:27:15

windows安装vue-cli

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
windows安装vue-cli

1.安装node.js

到官网https://nodejs.org/en/download下载安装即可,有windows的安装包

2.安装yarn(用npm可跳过)

npminstall--globalyarn

报错:
npm : 无法加载文件 C:\Program Files\nodejs\npm.ps1,因为在此系统上禁止运行脚本。
有关详细信息,请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。
所在位置 行:1 字符:
1+ npm install --global yarn+ ~~~ ‘

  • CategoryInfo : SecurityError: (😃 [],PSSecurityException
  • FullyQualifiedErrorId : UnauthorizedAccess
    经查,原因:现用执行策略是 Restricted(默认设置)
    解决办法:
    1.win+X键,使用管理员身份运行power shell
    2.输入命令:set-executionpolicy remotesigned
PS C:\Users\chenc>npminstall--globalyarnadded1packagein6snpmnoticenpmnotice New minor version ofnpmavailable!11.12.1 ->11.14.1npmnotice Changelog: https://github.com/npm/cli/releases/tag/v11.14.1npmnotice To update run:npminstall-gnpm@11.14.1npmnotice
PS C:\Users\chenc>yarn--version1.22.22

3.安装vue cli

yarn global add @vue/cli 或 npm i @vue/cli -g

我用的是npm i @vue/cli -g

安装后以下目录有vue

PS C:\Users\chenc>npmconfig get prefix C:\Users\chenc\AppData\Roaming\npm

4.查看vue版本

PS C:\Users\chenc>vue--version@vue/cli5.0.9

5.创建项目架子:

vue create $project-name (项目名-不能用中文)
启动项目:
yarn serve或npm run serve (找package.json)

以下是创建项目架子的自我操作:

✨ Creating projectinD:\cc_study\vue\vue\ccdemo01. 🗃 Initializinggitrepository... ⚙️ Installing CLI plugins. This might take a while... added829packagesin42s109packages are lookingforfunding run`npmfund`fordetails 🚀 Invoking generators... 📦 Installing additional dependencies... added86packagesin8s121packages are lookingforfunding run`npmfund`fordetails ⚓ Running completion hooks... 📄 Generating README.md... 🎉 Successfully created project ccdemo01. 👉 Get started with the following commands: $cdccdemo01 $npmrun serve

以下是运行项目的自我操作:

PS D:\cc_study\vue\vue\ccdemo01>npmrun serve>ccdemo01@0.1.0 serve>vue-cli-service serve INFO Starting development server... DONE Compiled successfullyin9015ms23:03:49 App running at: - Local: http://localhost:8080/ - Network: http://192.168.1.34:8080/ Note that the development build is not optimized. To create a production build, runnpmrun build.
版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/5/22 1:24:04

ChatGPT Plus 怎么购买?2026 开通教程

如果你还在犹豫是否有必要开通 Plus,可以先通过AI模型聚合平台 做一些基础体验,对比不同模型在写代码、改文档、做总结时的效果,再决定要不要正式升级 ChatGPT Plus。到了 2026 年,ChatGPT 已经不只是“聊天工具”,更像…

作者头像 李华
网站建设 2026/5/22 1:21:49

2026网盘横评:国民级云盘领衔,这几款备选也值得一看

前言作为长期接触AI资源、代码项目、大文件存储的从业者,日常高频使用各类网盘。很多朋友都会纠结主流网盘该如何选择,不同产品的存储能力、传输表现、功能适配差距明显。本文摒弃夸张测评,以客观分享的视角,从传输、存储、功能、…

作者头像 李华
网站建设 2026/5/22 1:21:49

制造业的AI智能体,为什么“部署方式”比“功能有多强”更关键?

和几位制造业IT负责人的交流中,有一个现象值得关注:他们最担心的不是AI智能体“能不能用”,而是“怎么部署”。 这和前两年的讨论方向明显不同。2024年前后,行业还在争论AI智能体到底有没有用、能在哪些场景落地。到了2026年&…

作者头像 李华
网站建设 2026/5/22 1:19:34

Linux 硬盘分区管理

Linux 硬盘分区管理 摘要:本文系统介绍了 Linux 硬盘分区管理的核心概念与实用工具。首先阐述了硬盘分区的必要性,包括数据隔离、分类整理、降低风险等。随后详细对比了 MBR(主引导记录)和 GPT(GUID 分区表&#xff09…

作者头像 李华
网站建设 2026/5/22 1:15:01

通过 API 实时监听企业微信外部群变更事件并同步本地数据库

能力介绍 在企业微信外部群的协同管理中,群聊的名称修改、群主变更、新成员加入或老成员退群等状态变更,往往无法仅靠主动拉取来感知。该能力通过配置接收事件服务器(Callback),利用标准的 HTTP POST 请求实时接收企微…

作者头像 李华