【前端】安装Vue-Cli程序

最新推荐文章于 2024-02-02 11:18:05 发布
最新推荐文章于 2024-02-02 11:18:05 发布
阅读量129 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45581082/article/details/105052703
版权

首先确定安装的位置

C:\Users\Administrator\IdeaProjects\VueStart

地址栏输入cmd执行终端，初始化项目

# vp是目录名，注意不能有大写字母
vue init webpack vp

第一项:确认项目名称

  • 默认目录名直接回车下一步
  • 或者自己再取一个项目名回车
    在这里插入图片描述
    第二项: 确认项目描述(默认即可)
    回车下一步
    在这里插入图片描述
    第三项:作者名称
    在这里插入图片描述
    第四项:选择第一项
    在这里插入图片描述
    第五项:手动Router
    在这里插入图片描述
    第六项:不使用ESL
    在这里插入图片描述
    第七项:不需要测试
    在这里插入图片描述
    第八项:自己安装
    在这里插入图片描述
    安装成功
    在这里插入图片描述

进入项目

cd vp

自己手动执行，安装依赖环境

cnpm install

在这里插入图片描述
现在可以使用IDEA把vp目录作为项目打开
在这里插入图片描述
可以看到一开始执行的指令
在这里插入图片描述
下一步我们可以直接使用IDEA打开终端执行
在这里插入图片描述
运行环境

npm run dev

直接点击地址即可浏览项目
在这里插入图片描述
Ctrl+C 关闭程序 (输入y)

Otaku ArkD42
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
安装vue-cli3.0版本指南
云端-公子清
10-19 3347
安装vue-cli3.0版本操作指南 日常使用vue-cli3.0以下版本，随着前端不断更新vue-cli3.0以上版本，那么安装新版本会遇到很多问题，并不是所有人都会一番风顺，应粉丝要求，出3.0以上版本操作指南 请先看下鄙人的vue-cli3.0以下版本操作详情，百试不错的详情操作，实践中尝试了很多次错误，才总结出来的真经方法： 安装vue错误详情解决办法:https://blog.csdn.net/Josiah_Yuan/article/details/103605963 那么vue-cli3.0
vue框架-vue-cli
qq_44715376的博客
02-18 1228
VUE-cli
手把手教你安装vue-cli并创建第一个vue-cli应用程序
热门推荐
a1833235073的博客
02-16 1万+
引言：最近看狂神的Vue教程，发现里面关于vue-cli的安装教程已经比较老了，于是自己摸索了一套vue-cli的安装教程，欢迎大佬们指正~ 1. 配置环境 1.1 安装Node.js Node.js：下载 | Node.js 中文网 安装就是无脑的下一步就好，安装在自己的环境目录下 cmd下输入node -v，查看是否能够正确打印出版本号即可！ cmd下输入npm -v，查看是否能够正确打印出版本号即可！ 这个npm，就是一个软件包管理工具，就和linux下的apt
安装vue-cli&使用vue-cli搭建项目
qq_64001795的博客
09-26 4396
vue-cli是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板。xxx 为自己创建项目的名称必须先安装vue,vue-cli，webpack，node等一些必要的环境*.vue 文件，是一个自定义的文件类型，用类似HTML的语法描述一个Vue组件。每个.vue文件包含三种类型的顶级语言块 , 和 。这三个部分分别代表了 html,js,css。
linux、windows 安装 vue-cli
weixin_45782719的博客
02-02 1162
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供：通过@vue/cli实现的交互式的项目脚手架。通过@vue/cli实现的零配置原型开发。一个运行时依赖 (可升级；基于 webpack 构建，并带有合理的默认配置；可以通过项目内的配置文件进行配置；可以通过插件进行扩展。一个丰富的官方插件集合，集成了前端生态中最好的工具。Vue CLI 致力于将 Vue 生态中的工具基础标准化。
如何快速安装vue-cli脚手架
静水流深，沧笙踏歌
05-13 7110
vue.js有著名的全家桶系列，包含了vue-router，vuex， vue-resource，再加上构建工具vue-cli，就是一个完整的vue项目的核心构成。vue-cli官方提供了一个脚手架，用于快速生成一个vue的项目模板。它预先定义好目录结构及基础代码，就好比咱们在创建Maven项目时可以选择创建一个骨架项目，这个骨架项目就是脚手架，他能使我们的开发更加快速。vue-cli这个构建工具大大降低了webpack的使用难度，支持热部署，有webpack-dev-server的支持，相当于启动了一个请
前端基础学习——Vue-Cli脚手架介绍
weixin_53919192的博客
07-12 800
本文为大家介绍了前端基础学习——Vue-Cli脚手架，希望对你有帮助~~
【Vue-CLI】Vue-CLI+webpack构建Vue项目
我的博客
11-09 4091
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供：通过@vue/cli实现的交互式的项目脚手架。通过@vue/cli+实现的零配置原型开发。一个运行时依赖 ()，该依赖：可升级；基于 webpack 构建，并带有合理的默认配置；可以通过项目内的配置文件进行配置；可以通过插件进行扩展。一个丰富的官方插件集合，集成了前端生态中最好的工具。一套完全图形化的创建和管理 Vue.js 项目的用户界面。Vue CLI 致力于将 Vue 生态中的工具基础标准化。
使用Vue-cli2.0和 Vue-cli3.0创建vue项目及配置
ssy001128的博客
06-09 1778
安装node后安装淘宝镜像。
web前端：vue-cli3后图形化UI界面创建项目深度剖析
wangxi06的专栏
03-11 623
1.项目初始化-手动自定义安装 安装依赖 npm install或者cnpm install 初始化项目 npm init -f或者cnpm init -f （-f自动安装模式，全部默认，包括工程名等...） 安装模板组件 npm install vue-router --save-dev或者npm install vue-router -D（生产/开发环境-D=--save...
vue-cli-plugin-qiankun:适用于微前端千库应用程序的vue-cli3插件
05-05
* vue-cli-plugin-qiankun* An Vue-cli3 Plugin for micro-frontend qiankun application 结合 qiankun 快速生成微前端应用的脚手架插件 Features qiankun 接入，子应用打包配置接入 修改 qiankun 官网 demo 中 vue ...
vue-cli-plugin-tauri:将您的Vue SPA变成轻量级的跨平台桌面应用程序
04-28
是用于通过Web前端创建更小，更快，更安全的桌面应用程序的工具包。 该插件将Tauri配置为可在您的Vue CLI项目中使用。 安装 如果您有任何问题，请访问或我们的。 一般先决条件： NodeJS / npm Vue CLI（ yarn ...
详解vue-cli脚手架中webpack配置方法
12-03
webpack是一个module bundler（模块打包工具），所谓的模块就是在平时的前端开发中，用到一些静态资源，如JavaScript、CSS、图片等文件，webpack就将这些静态资源文件称之为模块 webpack支持AMD和CommonJS，以及其他...
vue-cli-master.zip
01-10
这是一个基于vue-cli3开发的在线购物商城项目哦，完整程序，可以运行，下载下来先进行项目复活npm i，然后npm run serve就可以运行起来啦，欢迎学习下载哦。
Vue-cli3开发单文件组件
06-21
本课程基于ES6来学习Vue的整个API，其中包含Vue基础API、Vue组件化开发、Vue组件通信、官方脚手架Vue-cli3的使用、Vue-devtools的使用 、element-ui第三方组件的使用、手把手带你打造自己的表单组件、Vue核心插件之...
毕业设计MATLAB_执行一维相同大小矩阵的QR分解.zip
05-27
毕业设计matlab
ipython-7.9.0.tar.gz
最新发布
05-27
Python库是一组预先编写的代码模块，旨在帮助开发者实现特定的编程任务，无需从零开始编写代码。这些库可以包括各种功能，如数学运算、文件操作、数据分析和网络编程等。Python社区提供了大量的第三方库，如NumPy、Pandas和Requests，极大地丰富了Python的应用领域，从数据科学到Web开发。Python库的丰富性是Python成为最受欢迎的编程语言之一的关键原因之一。这些库不仅为初学者提供了快速入门的途径，而且为经验丰富的开发者提供了强大的工具，以高效率、高质量地完成复杂任务。例如，Matplotlib和Seaborn库在数据可视化领域内非常受欢迎，它们提供了广泛的工具和技术，可以创建高度定制化的图表和图形，帮助数据科学家和分析师在数据探索和结果展示中更有效地传达信息。
debugpy-1.0.0b3-cp37-cp37m-manylinux2010_x86_64.whl
05-27
Python库是一组预先编写的代码模块，旨在帮助开发者实现特定的编程任务，无需从零开始编写代码。这些库可以包括各种功能，如数学运算、文件操作、数据分析和网络编程等。Python社区提供了大量的第三方库，如NumPy、Pandas和Requests，极大地丰富了Python的应用领域，从数据科学到Web开发。Python库的丰富性是Python成为最受欢迎的编程语言之一的关键原因之一。这些库不仅为初学者提供了快速入门的途径，而且为经验丰富的开发者提供了强大的工具，以高效率、高质量地完成复杂任务。例如，Matplotlib和Seaborn库在数据可视化领域内非常受欢迎，它们提供了广泛的工具和技术，可以创建高度定制化的图表和图形，帮助数据科学家和分析师在数据探索和结果展示中更有效地传达信息。
libaacs-devel-0.10.0-1.mga8.i586.rpm
05-27
rpm -i xx.rpm 只要报错遇到aacs的可以看看架构是否一致
> vue-admin-template@4.4.60 dev > vue-cli-service serve 'vue-cli-service' 不是内部或外部命令，也不是可运行的程序 或批处理文件。
04-27
关于你提到的错误信息，'vue-cli-service' 不是内部或外部命令，也不是可运行的程序或批处理文件。这个错误通常是因为你没有安装Vue CLI或者没有正确配置环境变量导致的。 为了解决这个问题，你可以按照以下步骤...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值