VUE安装操作+新建工程目录

最新推荐文章于 2024-07-13 10:42:11 发布
最新推荐文章于 2024-07-13 10:42:11 发布
阅读量356 收藏
点赞数
分类专栏： 渐进式框架
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Lin_tain/article/details/104039156
版权
本文档详细介绍了Vue的安装过程，包括环境配置、全局安装Vue及Vue CLI。接着，展示了如何新建Vue工程目录，使用`vue init webpack-simple`创建项目，并通过`cnpm install`和`cnpm run dev`启动项目。同时，提供了VSCode设置中文的步骤，以及推荐了Element UI作为页面美化工具。
摘要由CSDN通过智能技术生成

一.VUE ——安装操作

安装官网 https://nodejs.org/zh-cn/download/
在这里插入图片描述

搭建环境的步骤：

1.在空间比较大的盘里新建一个文件夹指定仓库

在这里插入图片描述
在这里插入图片描述
2.配置环境变量
(1)NODE_PATH D:\node_rep\node_global\node_modules
(2)PATH 追加 D:\node_global —为了找到命令
(3)如果连node -v都找不到的 PATH要加上安装目录路径

在这里插入图片描述
在这里插入图片描述

最低0.47元/天 解锁文章
LuckGir
关注
专栏目录
如何创建一个vite+vue3+ts项目（小白必看）
蜗牛~~
06-15 1838
当修改代码时，HMR 能够在不刷新页面的情况下，把页面中发生变化的模块，替换成新的模块，同时不影响其他模块的正常运作。在我们使用 node 方法（比如 path.resolve）时提供 ts 类型声明，否则编辑器会报错，虽然不影响代码运行，但是会有红线很影响心情，如下图所示。Pinia 支持热更新，所以你可以编辑你的 store，并直接在你的应用中与它们互动，而不需要重新加载页面，允许你保持当前的。（2）写好页面之后，我们来创建路由，在 src 路径下新建 router/index.ts。
vue+express+mongodb项目打包部署在云服务器上
天极小强的博客
08-08 465
Vue+express+mongodb项目打包部署在云服务器上 笔者所处前提：一台安装了node+mongodb+pm2的云主机。相关安装教程大家可自行网上搜索。 由于笔者买的是腾讯云的学生服务器（centos7），这里就以它为例子。 第一：配置安全组。 在安全组中新建规则，选择开放端口。 在新规则右侧的管理实例中添加你的云主机。然后修改规则，添加可能用到的端口。 第二：进入你的云主机，检查...
vue安装
wk123555的博客
10-30 210
vue安装很 vue安装大总结？ 个人大坑总结： node 安装各种检查没有问题 安装vue就是安装不成功。各种换镜像源都不成功，各种命令也安装不好。此时怎么办 找到node 直接砍掉 删的干干净的 重新下载安装。切记。 1.安装Node.js，直接Next安装即可，安装完成之后，提供了npm包管理器 2 直接打开终端 cmd 此代码安装cnpm 和 镜像：npm install cnpm -g --registry=https://r.npm.taobao.org 镜像解释： npm 为国外的源下
vue项目目录详解
weixin_42491987的博客
02-22 229
下载好依赖的vue项目目录 1、build：构建脚本目录 1）build.js ==> 生产环境构建脚本； 　　　　2）check-versions.js ==> 检查npm，node.js版本； 　　　　3）utils.js ==> 构建相关工具方法； 　　　　4）vue-loader.conf.js ==> 配置了css加载器以及编译css之后自动添加前缀； 　　　　5）webpack.base.conf.js ==> webpack基本.
【vue教程】一. 环境搭建与代码规范配置
最新发布
前端探索者
07-13 1548
Vue.js 是一个构建用户界面的`渐进式框架`，它设计简洁，易于上手，同时具备强大的功能来支持复杂的单页应用开发。本篇文章将作为我们 Vue 探索之旅的开篇，带领您了解 Vue 的基本概念，搭建 Vue 开发环境，并为后续深入学习打下坚实的基础。
vue 目录结构介绍
weixin_30457551的博客
03-23 89
1 初始目录如下： 2 目录结构介绍 bulid:最终帆布的代码存放位置 config：配置目录，包括端口号等 node_modules:npm加载的项目依赖模块 src:z这里是我们要开发的目录，基本上要做的事情在这个目录里面。： assets：放置一些图片，如logo等； components:目录里面存放一个组件文件，可以不用。 App.vue;项目入口文件，我们可以直接...
【Vue.js】vue项目目录作用
ass201295的专栏
01-06 144
1. build文件夹：打包配置的文件夹 　　1.1 webpack.base.conf.js ：打包的核心配置 　　1.2 build.js：构建生产版本，项目开发完成之后，通过build.js打包（加载base与prod，读取完之后通过webjpack命令对项目进行打包） 　　1.3 webpack.prod.conf.js：被build.js调用，webpack生产包的...
前后端分离单页面应用（SPA）项目示例（Vue+ElementUI+Axios+Django+MySql）
cnls_lx的博客
11-24 6456
文章目录前后端分离单页面应用（SPA）项目示例（Vue+ElementUI+Axios+Django+MySql）1. 前端部分1. 1 前端vue平台搭建安装vue：安装Element-UI1. 2 创建前端子项目（vue的helloworld示例项目）用vue创建前端项目：1.3 在项目中使用ElementUI组件库1.4 修改HelloWold项目，编写单页面应用（SPA）安装router组件库：使用ElementUI中的布局设置项目中的路由器路由原理1.5 前端 使用axios 请求后端数据安装 a
Vue3 + Ts + Pinia + uni-app 学习笔记
qq_33365152的博客
09-13 517
Vue3 +Ts + Pinia + uni-app 学习笔记
Vue安装
实事求是，艰苦奋斗，小小的梦想，终将实现。
01-28 92
安装全局vue 执行命令:npm install -g vue 安装 vue脚手架 命令:c cnpm install @vue/cli -g(最新版本) cnpm install vue-cli -g(不是最新版本) vue可视化 vue ui vue创建项目 vue create
VSCode配置Vue+Vetur+ESLint+Prettier自动化格式化详解
在VSCode中配置Vue项目，利用vetur、eslint和prettier自动化格式化功能，能显著提升开发效率和代码质量。本文将深入讲解如何配置这些工具以实现保存时的自动格式化。 首先，Vetur插件是VSCode集成的Vue支持，它负责...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值