开始vue项目

最新推荐文章于 2024-09-11 10:56:29 发布
最新推荐文章于 2024-09-11 10:56:29 发布
阅读量93 收藏
点赞数
文章标签： vue.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43411739/article/details/120587444
版权
本文档介绍了如何初始化Vue项目，包括安装node.js、npm和vue脚手架，以及通过vueui创建项目并配置Element-UI组件库和axios库。Vue项目的创建过程中可以选择预设和功能，后期可通过添加插件扩展功能。Element-UI和axios分别是用于界面构建和数据交互的重要工具。
摘要由CSDN通过智能技术生成

初始化Vue项目

安装node.js，npm，vue脚手架

安装node.js
查看node和npm的版本

node -v
npm -v

打开【终端】，使用命令安装“vue脚手架”

npm install -g @vue/cli  //全局安装脚手架

【注】拆卸“vue脚手架”的命令：npm uninstall vue-cli -g

初始化vue项目

在终端输入“vue ui”，就会出现如下界面：
在这里插入图片描述
【详情】：填写项目名称，并初始化git
在这里插入图片描述
【预设】：如果以前没有做项目，就手动配置即可。如果以前做过项目，选择之前的预设也可以
在这里插入图片描述
【功能】选择如下几项（在项目创建之后，仍然可以通过安装插件来增加功能）
在这里插入图片描述
在这里插入图片描述
【配置】
在这里插入图片描述

配置Element-UI组件库

Element-UI是一种插件，所以先打开【插件】面板，然后【添加插件】
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

配置axios库

axios是一种运行依赖
在这里插入图片描述

若凡~~~
关注
从零开始Vue项目中使用MapboxGL开发三维地图教程（一）MapboxGL介绍以及前期vue项目的搭建
tigerhhzz的博客
06-11 3554
1、Mapbox-gl简介2、搭建vue项目2.1、创建vue项目2.2、注册mapbox官网2.3、mapbox-gl入门案例3、Mapbox-gl地图主要配置参数说明Mapbox-gl是一个开源、基于webgl技术的前端地图类库。地图数据渲染和可视化这块我们经常用到的有商业使用的如：百度地图API和JS、高德地图的API和JS、ESRI的arcgis的全家桶，同时也有开源的一些地图引擎如：openlayers、mapboxgl、Leaflet等。
Vue项目开发之项目初始化
weixin_44932349的博客
04-01 1577
Vue项目开发之项目初始化一、使用图形化界面创建新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 一、使用图形化界面创建 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown
vue项目初始化
HiYulinlin的博客
03-07 1221
vue项目初始化
vue项目初始化和部署
最新发布
2401_86367018的博客
09-11 821
Nginx的主要配置文件通常位于**/etc/nginx/nginx.conf**，而服务器块（用于定义网站配置）通常位于**/etc/nginx/sites-available/**。如果你不想切换，可以输入"N"，然后按下回车。根据你的选择，Vue CLI 将会为你创建一个相应配置的 Vue 项目。这里的下载过程一般会比较慢，需要耐心等待，也可以选择通过其他方式下载vue.js的安装包，但需要注意其安全性。在这里，Vue CLI 提供了几个预设选项供你选择，以便快速设置你的 Vue 项目。
Vue入门初始化项目
wangjuan_01的专栏
04-27 5092
最近，vue.js越来越火。在这样的大浪潮下，我也开始进入vue的学习行列中，在网上也搜了很多教程，按着教程来做，也总会出现这样那样的问题（坑啊，由于网上那些教程都是Vue.js 1.x版本的，现在用Vue.js 的构建工具都已经升级到2.0版本了），经过了一段时间的摸索和看官方的教程和api，才了解到2.0版本在1.0版本的基础上做了好多调整，废弃了好多api。。。废话不多说了，把我踩过的坑，在
初始化Vue项目
像风一样自由
04-12 228
vue init webpack wrs; cd wrs; npm i vuex --save-dev npm install element-ui -S npm run dev; //运行 打包上线打包完成后，会生成 dist 文件夹，如果已经修改了文件路径，可以直接打开本地文件查看。 项目上线时，只需要将 dist 文件夹放到服务器就行了。 7. npm run build; ...
vue初始化项目
该丶努力的博客
08-27 195
npm install express -g nmp install -g vue-cli  vue init webpack 项目名称
Vue项目 - 通用后台管理资料
05-05
在开始任何Vue项目之前，你需要先安装Node.js环境，因为Vue CLI（命令行工具）和许多依赖都是基于Node.js的。访问Node.js官方网站下载并安装适合你操作系统的版本。安装完成后，你可以通过运行`node -v`和`npm -v`...
vue3项目模板，优雅的vue3项目组织.zip
11-02
通过使用这样的项目模板，开发者可以快速地开始一个新的Vue3项目，同时遵循最佳实践，确保项目的可维护性和扩展性。在实际开发中，可以根据具体需求对模板进行定制和调整，以满足不同项目的需求。
webstrom Debug 调试vue项目的方法步骤
10-18
在开始调试之前，你需要有一个Vue项目。可以使用Vue CLI来创建一个新的Vue项目，或者将现有的Vue项目导入到WebStorm中。 3. 启用调试模式 在WebStorm中，通常有两种方式可以启动调试模式：直接在项目运行配置中启用...
Vue项目初始化
hzz19943305823的博客
07-04 1055
vue项目初始化以及启动vue项目报-4048错误
Vue之初始化一个vue项目
mao871863224的博客
02-21 6269
Vue之初始化项目一个vue项目 以防忘记需要重新查资料创建，在这里简略的记一记 1、node.js官网下载安装node.js https://nodejs.org/zh-cn/ 下载好之后cmd运行一下node -v查看版本，如果提示不是内部命令，需要配置环境变量 执行一下npm -v命令，下载nodejs的时候会给你顺便下载npm 2、码云网站注册一个账号，创建一个代码仓库 https://g...
Vue-Cli初始化vue项目
wuyundong123的博客
12-30 723
在实际的工作项目开发中，由于都是使用node和npm进行vue-cli的安装，所以先确保已有node和npm的环境； 查看node的版本 node -v 查看npm的版本 npm -v 一 Vue-Cli安装 vue-cli 是由 Vue 提供的一个官方 cli，专门为单页面应用快速搭建繁杂的脚手架。它是用于自动生成 vue.js+webpack 的项目模板； 使用npm安装 npm install -g @vue/cli 查看是否安装成功： vue -V 但是由于npm.
vue 模块初始化一个vue项目
xcs19405的专栏
12-07 367
vue 模块初始化一个vue项目 1：全局安装webpack npm install webpack -g 2:全局安装vue脚手 npm install -g @vue/cli-init windows环境请配置path环境 你知道的 D:\sf_dev\dev_nodejsfile\nodejsfile_global\node_modules\@vue\cli-init\node_modules\.bin 重启vscode 刷新下path 3: 初始化vue项目 vue init w...
使用 @vue/cli 初始化一个Vue项目
edison lee的博客
02-25 156
现在一起来学习如何初始化一个Vue项目 1.现在一般都会同步到github。所以首先在github新建一个仓库 2.然后将线上的仓库clone至本地。最好选择ssh 3.进给希望保存代码的路径，然后git bash here。 4.执行命令： git clone "复制的ssh地址" 5.安装脚手架工具 npm install -g cnpm --registry=https:/...
我该怎么开始vue项目
05-17
3. 创建Vue项目 在终端或命令提示符中进入要创建项目的目录，然后运行以下命令： ``` vue create my-project ``` 其中，my-project是你的项目名称，你可以根据需要自定义。 在此过程中，你将被提示选择要使用的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值