VUE基础--项目的新建

已于 2024-01-14 13:02:30 修改
阅读量354 收藏 7
点赞数 9
文章标签： npm vue.js
于 2024-01-12 12:04:38 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_62799602/article/details/135549407
版权
本文指导如何以管理员身份在IntelliJIDEA终端中创建新Vue项目，包括项目命名、自动构建过程，以及确认项目成功设置的标志。
摘要由CSDN通过智能技术生成

以管理员身份启动IDEA

在IDEA终端（Terminal）创建新的vue项目：

提示输入项目名称：

对以下请求暂时选择否，即直接按回车即可：

项目构建完成，按照要求依次执行以下命令：

点击上述所出现的超链接，出现一下界面则表明vue项目搭建成功：

·H·976
关注
  • 9
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
新建vue项目
weixin_45514407的博客
01-02 229
新建vue项目 一、 在搜索栏输入“cmd“回车 1. 安装node.js 从node.js官网上下载，一路yes 查看版本，判断是否安装成功 node -v(小写v) npm node里包含”npm“ 输入： npm -v 最后结果 C:\Users\Administrator>node -v v14.15.3 C:\Users\Administrator>npm -v 6.14.9 2.搭建依赖 一般采用淘宝镜像 npm install -g cnpm --registry=htt
vue新建项目
qq_23176155的博客
03-16 157
从零创建一个vue项目并启动运行.备忘. 环境: C:\Users\admin>npm -v 6.9.0 C:\Users\admin>node -v v10.16.3 之后安装cnpm C:\Users\admin>npm install -g cnpm --registry=https://registry.npm.taobao.org C:\Users\admi...
vue-element-admin项目
zhzijun的博客
05-21 2772
vue-element-adminvue-element-admin介绍功能前序准备目录结构项目运行机制和代码注释main.jsApp.vuepermission.jsVuex结构scssicons安装ContributionVue 生态圈Vue 全家桶vuex基础vuex基础-介绍vuex有哪几种属性？vuex基础-初始化功能vuex基础-statevuex基础-mutationsvuex基础-actionsvuex基础-gettersVuex中的模块化-Module为什么会有模块化？模块化的简单应用模块
vue基础-创建vue项目的几种方式
smileKH的博客
07-04 552
vue基础，下面总结一下vue项目的第一步，创建项目的几种方式，希望对你有所帮助。这是Vue创建项目的几种方式，希望能帮助到你。
webpack4+Vue搭建自己的Vue-cli项目过程分享
10-18
在构建Vue项目之前，我们需要具备一些前置知识，例如熟悉Webpack 4的基础使用和Vue项目的基本骨架搭建。这里需要注意的是，虽然Vue-cli已经提供了大量的配置，但是在深入学习时，掌握基础的Webpack配置依旧是非常...
vscode新建一个最简单的vue项目
09-27
现在你已经创建了一个最简单的Vue项目，可以继续学习Vue的基础概念，如指令、计算属性、组件通信等。随着熟练度的提高，可以逐步引入 Vuex 和 Vue Router 来管理应用的状态和路由，从而构建更复杂的项目。 总的来说...
vue-cli3+typescript新建一个项目的思路分析
10-16
在介绍vue-cli3+typescript新建项目时，首先需要注意的是安装和初始化项目的方式发生了变化。Vue CLI是Vue.js官方的完整开发化脚手架工具，用于快速启动新Vue.js项目。而vue-cli3是该工具的最新版本，相比于vue-cli2...
vue新建项目cmd命令详细解析.docx
12-16
Vue 新建项目 cmd 命令详细解析 本文将详细解析 Vue 新建项目的 cmd 命令，包括项目创建、Git 存储库初始化、插件安装、 npm 包管理等内容。 一、项目创建 使用 Vue CLI 创建新的 Vue 项目需要选择预设（preset）...
vue-multi-page:一个基于vue-cli3.0的多页面的，适配移动端的基础脚手架
05-01
该demo基于vue-cli3.0，可以用于...在根目录新建vue.config.js配置文件，这样配置即可。 module.exports = { pages: { index: { // entry for the page entry: 'src/index/index.js', // the source template
npm error code ENOTEMPTY
2301_77482405的博客
08-23 374
npm error code ENOTEMPTYnpm error syscall renamenpm error path /usr/local/lib/node_modules/@vue/clinpm error dest /usr/local/lib/node_modules/@vue/.cli-pPsrUrBgnpm error errno -66npm error ENOTEMPTY: directory not empty, rename '/usr/local/lib/node_modules
npm install常见错误以及解决办法
wypdao的专栏
08-24 377
在使用 Node.js 开发项目时，`npm install` 是开发者经常使用的命令，用于安装项目依赖库。然而，由于环境配置、网络问题或者包的版本兼容性等问题，`npm install` 有时会遇到一些常见错误。本文将总结几种常见错误及其解决方法，帮助开发者顺利解决这些问题。
宝塔面板配置node/npm/yarn/pm2....相关全局变量 npm/node/XXX: command not found
最新发布
m0_47483157的博客
08-24 153
2.跳转至node目录下,我的node版本是v16.14.2。我的里面有node,npm,pm2,yarn......2.1 如果不知道自己node版本多少就跳转到。3.继续查看bin当前文件下的目录。1.打开终端 , cd 到根目录。然后查找当前目录下的文件。确定自己的node版本。4.输入命令添加至全局。
【前端面试】从npm 升级到 pnpm的总结
hhhh
08-20 1106
pnpm 和 npm 在性能上存在一些明显的差异，这也是一些开发者选择从 npm 切换到 pnpm 的原因。
适合前端小白的-NPM包管理命令合集
zayyo的博客
08-21 358
NPM代表Node Package Manager（Node包管理器），它是一个用于管理和共享JavaScript代码模块的工具。JavaScript是一种在网页开发中广泛使用的编程语言，而NPM使开发人员能够更轻松地共享、重用和维护他们编写的代码。NPM最初是作为Node.js的软件包管理工具而创建的，用于管理Node.js应用程序的依赖关系和模块。随着时间的推移，NPM变得非常流行，并且逐渐成为广泛用于前端和后端JavaScript开发的工具。
npm install报错解决记录
Chujun123528的博客
08-24 836
报错是一个常见但复杂的问题，可能涉及网络、权限、依赖冲突、npm缓存和npm版本等多个方面。在解决这类问题时，首先需要仔细阅读报错信息，确定问题的类型和原因。然后，根据报错信息提示的线索，逐一排查可能的问题点，并尝试相应的解决方案。如果问题仍然无法解决，可以寻求社区的帮助或查阅相关的文档和资料。通过不断尝试和总结，我们可以逐渐积累解决npm安装问题的经验，提高开发效率。
nvm 安装老的node，npm版本
宁波阿成的博客
08-21 265
nvm 安装老的node，npm版本
解决Vue项目在执行npm install时卡在idealTree:npm:sill idealTree buildDeps无反应
u013506626的专栏
08-21 189
解决执行npm install命令，卡住不动
npm install 报错解决记录
qq_42072014的博客
08-23 1309
通过本文的学习，你应该已经了解了常见报错的原因及解决方案。遇到问题时，首先应仔细阅读错误信息，确定问题所在，并采取相应的解决措施。如果问题仍然无法解决，可以查阅 npm 文档或寻求社区帮助。
"vue-element-admin项目导入导出实现技巧详解
导入和导出是vue-element-admin项目中非常重要的功能之一，本文将介绍其实现方法。首先，在导入功能中，我们需要首先封装一个类似的组件，但需要注意的是，类似功能，在vue-element-admin中已经提供了，我们只需要...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值