PowerShell搭建vue起始项目

这篇具有很好参考价值的文章主要介绍了PowerShell搭建vue起始项目。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

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

把PowerShell停止后,在WebStorm启动

  1. 打开WebStorm后,找到Current File,下图是WebStorm 2023.3.2版本
    PowerShell搭建vue起始项目,前端,vue.js,前端

  2. 选Edit
    PowerShell搭建vue起始项目,前端,vue.js,前端

  3. 点加号,选 npm
    PowerShell搭建vue起始项目,前端,vue.js,前端

  4. name这里写个名字,我这里写的serve,Scripts这里也写的serve
    PowerShell搭建vue起始项目,前端,vue.js,前端

  5. 点这个 运行 按钮
    PowerShell搭建vue起始项目,前端,vue.js,前端

  6. 当控制台出现 http://localhost:8080/ 说明启动成功
    PowerShell搭建vue起始项目,前端,vue.js,前端文章来源地址https://www.toymoban.com/news/detail-831622.html

到了这里,关于PowerShell搭建vue起始项目的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Vue项目启动过程全记录(node.js运行环境搭建)

    1、安装node.js 从Node.js官网下载安装包并安装。然后在安装后的目录(如果是下载的压缩文件,则是解压缩的目录)下新建node_global和node_cache这两个文件夹。 node_global:npm全局安装位置 node_cache:npm缓存路径 2、配置环境变量 在系统变量里添加一个变量NODE_HOME,值为node.js的安装

    2024年02月19日
    浏览(47)
  • Vue.js 3 项目开发:迈向现代化前端开发的必经之路

    随着前端技术的不断发展,Vue.js作为一种轻量级的JavaScript框架,已经逐渐成为了前端开发者的首选。Vue.js 3有哪些新特性、优势以及如何高效地进行项目开发呢? Vue.js是一种用于构建用户界面的渐进式框架。它的核心库专注于视图层,易于与其他库或现有项目集成。Vue.js 3是

    2024年01月23日
    浏览(53)
  • 前端vue项目使用Decimal.js做加减乘除求余运算

    运算结果是Decimal对象,需要使用.toNumber()转为数字

    2024年04月13日
    浏览(60)
  • 手把手完成前端Vue3 + Vite项目工程化搭建

    基于 Vue3 + Vite 搭建的前端工程化项目演示模板 开发环境: Node.js v16.14.2 + npm v8.3.2 开发工具: Visual Studio Code or WebStorm 源代码管理: Git npm镜像: npm config set registry https://registry.npmmirror.com 技术栈 描述 Vue 渐进式 JavaScript 框架 Vite 新一代前端开发与构建工具 Element Plus 基于 Vue

    2024年04月11日
    浏览(69)
  • 前端项目部署自动检测更新后通知用户刷新页面(前端实现,技术框架vue、js、webpack)——方案一:编译项目时动态生成一个记录版本号的文件

    当我们重新部署前端项目的时候,如果用户一直停留在页面上并未刷新使用,会存在功能使用差异性的问题,因此,当前端部署项目后,需要提醒用户有去重新加载页面。 vue、js、webpack 编译项目时动态生成一个记录版本号的文件 轮询(20s、自己设定时间)这个文件,判断版

    2024年02月02日
    浏览(64)
  • vue3+vant自动导入+pina+vite+js+pnpm搭建项目框架

    要搭建一个使用Vue 3、Vant组件库、Pina状态管理、Vite作为构建工具、JavaScript语言、pnpm作为包管理工具的项目框架,可以按照以下步骤进行操作: 这将生成一个 package.json 文件。 至此,你已经搭建好了一个使用Vue 3、Vant组件库、Pina状态管理、Vite作为构建工具、JavaScript语言、

    2024年04月14日
    浏览(51)
  • 二、搭建前后端分离的自动化测试平台的前端Vue3+Element-plus前端项目

    1、Node获取地址 https://nodejs.org/en/download 一直默认选项安装,安装好了之后,在环境变量中会自动配置Node的地址,可以在cmd中使用 node -v/npm -v命令验证是否下载成功 2、设置Node的配置内容 (1)在安装目录下新建两个文件夹命名为node_cache,和node_global: 其中 node_cache 是作为 缓

    2024年02月06日
    浏览(58)
  • 06 基于Vue+Vue-cli+webpack搭建渐进式高可维护性前端实战项目

         本文是专栏《 Vue + SpringBoot前后端分离项目实战 》的实战第一篇,将从Vue脚手架安装开始,逐步带你搭建起一套管理系统所需的架构。当然,在默认安装完成之后,会对文件目录进行初步的细化拆分,以便后续 功能迭代和维护 所用。 为兼顾大多数计算机毕设的需求,

    2024年02月16日
    浏览(47)
  • uni-app(Vue3/Vite) + vant UI(Vue3版本)+ js 按需引入的项目搭建

            因为要完成软件工程的项目,要做一个nativeApp,看了很多的技术文档以后决定使用多端兼容的uni-app来开发。组件方面的话最后决定使用目前比较火的Vant UI。但是看了CSDN和掘金上面的很多文章,似乎没有一篇是关于uni-app中使用Vite对vant组件进行按需引入(可能这个

    2023年04月09日
    浏览(68)
  • 基于VUE3+Layui从头搭建通用后台管理系统(前端篇)一:项目规划及初始化

      使用vue3+Layui实现通用管理系统前端,使用vue3+layui搭建系统UI界面,使用nodejs搭建模拟web服务器,使用echarts实现系统可视化模块,可以此项目为基础进行扩展开发,快速搭建管理系统,具体内容如下:    1. 常见功能实现: 实现用户登录(用户名密码登录、手机验证码

    2024年02月13日
    浏览(58)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包