PowerShell搭建vue起始项目

已于 2024-02-18 21:29:45 修改
阅读量1k 收藏 9
点赞数 13
分类专栏： 前端 文章标签： vue.js 前端
于 2024-02-15 21:19:32 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sungencheng/article/details/136123069
版权
本文详细指导如何在WindowsPowerShell中使用VueCLI创建新项目，并在遇到权限问题时解决，随后在WebStorm中配置并启动项目。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

Windows PowerShell搭建vue起始项目

  1. 搜索PowerShell,以管理员身份运行。
    在这里插入图片描述
  2. 复制文件夹路径
    在这里插入图片描述
    cd 到这个文件夹位置
    在这里插入图片描述
  3. 命令行创建项目：vue create 项目名
    这里写自己的项目名就行，我写的yeb
    vue create yeb
    在这里插入图片描述
  4. 创建成功后是这样的
    在这里插入图片描述
    有颜色的就是选中的，方向键上下选择，这里我选择的是最下边的Manually开头的，然后回车。
  5. 补充：有时可能会出现报错信息，大概意思是说系统禁止运行这样的脚本。
    在这里插入图片描述
    如果出现这个报错，就运行这个命令，然后选择Y就行了，如上图
    set-ExecutionPolicy Remotesigned
# 选择Y
  6. 上下键选择，空格键选中（有星号标识就是选中的），这里我只选了两个，然后回车
    在这里插入图片描述
  7. 这里我选的3，可以根据自己的需要选中2，也有的根本不提示这个选项
    在这里插入图片描述
  8. 是否使用history模式，我选的n,
    存储的位置选的 In package.json,
    是否作为模板，也选的n,
    然后回车，这个时候需要时间等一下
    在这里插入图片描述
  9. 创建成功后 会有cd yeb和npm run serve这两行
    在这里插入图片描述
    根据提示，测试下是否创建成功
    在这里插入图片描述
  10. 回车后，相当于启动了一个项目
    在这里插入图片描述
    访问本地路径http://localhost:8080/，如果出现以下界面，说明创建成功
    在这里插入图片描述
    至此，vue起始页面创建成功。

把PowerShell停止后，在WebStorm启动

  1. 打开WebStorm后，找到Current File，下图是WebStorm 2023.3.2版本
    在这里插入图片描述

  2. 选Edit
    在这里插入图片描述

  3. 点加号，选 npm
    在这里插入图片描述

  4. name这里写个名字，我这里写的serve，Scripts这里也写的serve
    在这里插入图片描述

  5. 点这个 运行 按钮
    在这里插入图片描述

  6. 当控制台出现 http://localhost:8080/ 说明启动成功
    在这里插入图片描述

二、创建第一个VUE项目
2401_83367969的博客
12-26 1372
确保已经安装了 Node.js 和 npm（一般安装 Node.js 时会自动安装 npm），并且通过 npm install -g @vue/cli 命令全局安装了 Vue CLI（命令行工具）。
前端开发环境搭建和VSCode插件配置超详细图解一次配置完成（19年8月19日更新福利）
热门推荐
会飞的小鹿
03-28 1万+
前端开发环境篇 包管理器 node包管理器 请下载官网较新的稳定版！地址=》 双击msi安装包安装，可以自定义安装目录； 安装完成后检查全局环境： 检查版本 >node --version v10.15.3 #2019年3月27日最新稳定版 如果没有出现版本号，检查全局系统变量是否配置好（cmd、powershell和bash会通过系统环境变量到对应目录下找同名命令的exe并传入后...
命令行新建vue项目（PowerShell、VsCode、IDEA等通用，实际与编辑器无关）
weixin_45504248的博客
06-09 506
以命令行方式新建vue项目，适用于VsCode、IDEA等
Powershell 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称
最新发布
黑马苏杰豪
03-23 796
Win 键 + Q ，在搜索框内输入 Powershell。点击以管理员身份运行 Powershell，注意需要管理员身份证。粘贴代码按回车键执行命令。输入字母A，按回车键确认。重启所有 PowerShell 终端就可以啦。
PowerShell中创建vue项目提示无法加载文件vue.psl
少健终望成，波中取千金----张少波
12-09 1008
解决办法： 以管理员身份运行PowerShell 执行：get-ExecutionPolicy，如果显示Restricted，表示状态是禁止的 执行：set-ExecutionPolicy RemoteSigned 选择Y
vue : PowerShell无法使用vue命令
sheep_Code的博客
10-27 1652
转载自：https://www.cnblogs.com/stonege/p/12599942.html VSCode终端使用PowerShell，创建vue项目时，出现了以下错误导致创建失败：vue : 无法加载文件 F:\nodejs\node_global\vue.ps1 1.PowerShell的执行政策阻止了该操作。 用 Get-ExecutionPolicy 查看发现执行策略为受限状态： 同时PowerShell给出了我们解决问题的方法 2.此时我们按照要求输入Set-ExecutionPol
创建Vue项目
weixin_53515812的博客
04-16 327
选择创建路径、输入项目名、取消git勾选、选择Vue版本。创建router包，在包下创建router.js。下方终端切换到项目所在路径，输入以下命令即可运行。创建store包，在包下创建store.js。地址栏地址会多出一个#，删掉Hash即可去除。即可创建成功（项目很大，等的时间有一点长）在VsCode终端中切换到要创建项目的路径。添加vue-router、vuex。App.vue可改为（进行测试）装vue-router插件。在VsCode中打开项目。输入以下命令创建项目。
Vue+express 报错：powershell 各种 找不到
不断努力充实的博客
10-26 1136
第一种： can't find npm-cli 解决思路 ： 既然它找不到 那么你就在他找的路径下放入 我发现node_global 下的node_modules 有这个js  文件 于是 复制过来用 ，成功解决    第二种 ：xxxx 既不是内部命令也不是外部命令 解决思路：路径 没有弄对 ，看环境变量 设置对应xxx环境变量即可,或者重装 =.=   第三种：module ...
大金空调网络监控工具开发秘诀：基于通信协议的数据采集技术
本文详细介绍了网络监控工具的开发流程，从基础的通信协议分析到实际的设计与实现，再到高级功能的扩展及案例分析，最终总结反思项目的关键技术点和未来发展趋势。文章首先概述了网络监控工具开发的基本情况，接着...
PowerShell中创建vue项目提示无法加载文件
weixin_48308567的博客
09-10 272
转载于: https://blog.csdn.net/lihefei_coder/article/details/100522281?utm_source=app
powerShell 创建Vue 项目并用vscode打开
qq_41501190的博客
01-03 1209
1.在要创建的目录按住shift键 + 鼠标右键打开Power Shell窗口 2.输入 vue create 项目名 选择Vue2 现在创建中： 3.创建成功 4.输入code命令 自动打开vscode 5.vscode 终端 输入 npm run serve 6.成功启动vue 现在可以访问了 ...
VS Code中powershell无法运行cnpm, vue等命令
mao_mao37的博客
02-03 4544
转载：https://www.cnblogs.com/donz/p/12200915.html 在VSCode中，选项View -> Terminal，默认打开PowerShell执行命令，如产生如下报错： 1. 在Windows系统搜索powershell，以管理员运行： 2. 在命令框输入：set-ExecutionPolicy RemoteSigned， 然...
powershell中无法使用vue相关的命令行
weixin_49267032的博客
03-27 279
powershell中无法使用vue相关命令行
解决vue在powershell无法调用的问题
qq_52940025的博客
05-18 2316
开门见山 运行vue等命令出现报错，需要在cmd环境使用，这种问题会非常麻烦，所以我们来结局不用在cmd环境也可以使用的问题。 这里我们需要修改powershell运行策略 1、打开powershell的小蓝窗 在开始菜单运行 Windows Powershell 2、查看限制类型 输入 get-ExecutionPolicy 查看当前策略，一般默认是：Restricted 受限制的 3、设置限制类型 运行 "Set-ExecutionPolicy -Scope...
Windows PowerShell安装指定版本vue/cli脚手架失效解决办法；vue : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\vue
i_am_a_div的博客
05-18 2340
打开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\vu
无法用powershell调用 vue脚手架命令
qq_40576178的博客
01-03 552
管理员模式打开powershell，输入下面命令，回车输入Y解决问题 set-ExecutionPolicy RemoteSigned
使用shell 脚本为多个vue项目安装依赖并编译项目
小小的木头人的博客
02-20 420
【代码】使用shell 脚本为多个vue项目安装依赖并编译项目。
如何用Vue Cli（脚手架）创建Vue项目
LJJ_3的博客
02-22 350
第一步 创建文件夹，按住shift同时点击鼠标右键，打开Powershell，输入vue create ××× （×××代表文件名，自己取），回车创建。 第二步 选择安装方法，default表示默认安装，Manually select features表示自定义安装，我们选择第二个，回车 第三步 空格选择组件，这里我们选择以下几个组件，Linter对于小白来说刚开始并不推荐选择，它是用来规范写...
powershell创建vue2项目
08-30
使用PowerShell创建Vue2项目的步骤如下： 1. 打开PowerShell窗口，并使用以下命令全局安装Vue脚手架：npm install vue-cli -g 2. 使用以下命令全局安装Webpack：npm install webpack -g 3. 创建一个项目存放的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值