1.vue项目初始化

最新推荐文章于 2022-07-04 16:42:34 发布
最新推荐文章于 2022-07-04 16:42:34 发布
阅读量125 收藏
点赞数
分类专栏： vue 文章标签： vue java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39209696/article/details/107973669
版权
  1. 打开电脑命令行，安装最新的脚手架
cnpm i -g @vue/cli
  1. 查看commands
 vue -h
  1. 输入命令用可视化面板创建新项目，然后根据需要勾选
 vue ui

  1. 配置element ui组件库：等待项目创建完成之后搜索vue-cli-plugin-element插件然后选中安装
    在这里插入图片描述

  2. 等待下载完成之后，此地方改为import on demand(按需导入)，默认是完整导入，然后点击完成安装
    在这里插入图片描述

  3. 配置axios库，等待上一步完成后，点击依赖-安装依赖-运行依赖,搜索axios选中后安装
    在这里插入图片描述

  4. 安装完成后运行依赖里出现下面4个表示安装成功，在自己选择的安装目录下能看到新建的vue项目
    在这里插入图片描述

qq_39209696
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
初始化一个vue项目
weixin_44861621的博客
08-24 135
vue init webpack myvue 创建一个vue项目，期间有选择一些信息 安装依赖 npm install 在idea中的项目结构 以管理员身份运行 npm run dev
vue初始化项目.txt
08-04
1、初始化项目模板： vue init webpack-simple yunshi-approve 或者 vue init webpack yunshi-approve 2、安装npm cd yunshi-approve 3、安装项目所需要的依赖： npm install 或 cnpm install 4、运行看效果...
vue初始化（命令行方式）
C90283的博客
11-14 9101
VUE项目初始化步骤命令 1，安装Node.js; Window安装包 Mac安装包 检查是否安装成功 node -v 显示版本即成功，如图： 2，安装vue-cli脚手架； 打开命令行窗口cmd（window+R,输入cmd后Enter） 在cmd下执行命令 cnpm install vue-cli -g 安装成功如图 3，初始化项目文件夹； 在你准备建项目的文件夹打开cmd 执行命令 vue init webpack vue-project(注：vue-project是自定义项目名称) 如图： 初
初始化vue项目
leipf的博客
03-08 931
vue官网：https://cn.vuejs.org/index.html 转自：https://blog.csdn.net/weixin_42153615/article/details/117895286 1、下载npm npm: Nodejs下的包管理器。 webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。 vue-cli: 用户生成Vue工程模板。(帮你快速开始一个vue的项目，也就是给你一套vue的结构，包含基础
Vue项目初始化
hzz19943305823的博客
07-04 792
vue项目初始化以及启动vue项目报-4048错误
VUE项目初始化步骤命令
许魁的博客
01-02 8393
VUE项目初始化步骤命令 1，安装Node.js; Window安装包 Mac安装包 检查是否安装成功 node -v 显示版本即成功，如图： 2，安装vue-cli脚手架； 打开命令行窗口cmd（window+R,输入cmd后Enter） 在cmd下执行命令 cnpm install vue-cli -g 安装成功如图 3，初始化项目文件夹； 在你准备建项目的文件夹打开cmd 执行命令...
使用命令行创建vue项目
热门推荐
博客的博客
02-27 2万+
准备 首先需要安装vue-cli 打开命令提示符输入 npm i -g @vue/cli 安装完成后就可以开始创建vue项目 1.基于命令行的方式创建vue项目 vue caeate project-name 2.基于图形化界面的方式创建vue项目 vue ui 开始创建项目 1.在终端中输入 vue create vue_project_01 按下回车开始创建项目 2.此时会...
vue环境搭建、项目初始化
02-03
Vue 环境搭建、项目初始化 在本文中，我们将详细介绍 Vue 环境搭建和项目初始化的过程，从 Node.js 的安装到 Vue 项目的创建，包括了 NPM、Webpack、Vue-CLI 等工具的使用。 一、 Node.js 的安装 Node.js 是一个...
vue项目初始化到登录login页面的示例
10-16
今天小编就为大家分享一篇vue项目初始化到登录login页面的示例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vant+vue初始化移动端项目，border样式重置：border.css
05-05
vant+vue初始化移动端项目，border样式重置：border.css
vue项目的初始化过程中出现错误
01-08
1.项目运行 cd projectname npm run dev 报错：‘webpack-dev-server’ 不是内部或外部命令，也不是可运行的程序 或批处理文件。 解决：重新npm install  报错1：npm ERR! code Z_BUF_ERROR  解决1：npm cache ...
初始化创建Vue项目步骤
Tc、zyh的博客
06-10 8042
一、项目创建 1.安装 node和npm 1.首先安装node，因为都已经安装过node了，所以npm自带。 1.检查node版本 node -v 2.检查npm 版本 npm -v 2.国外的npm地址太慢，切换npm国内镜像 npm config set registry=https://registry.npm.taobao.org/ 3.查看地址是否成功可以通过npm config get registry npm config get registry 2.安装 vue-cli 脚手
Vue项目初始化步骤
weixin_46932840的博客
03-09 5402
1.项目初始化 安装 Vue 脚手架 通过 Vue 脚手架创建项目 配置 Vue 路由 配置 Element-UI 组件库 配置 axios 库 初始化 git 远程仓库 将本地项目托管到 github 中 1.安装 Vue 脚手架 npm install vue-cli -g 2-3.通过 Vue 脚手架创建项目、配置 Vue 路由 vue ui [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Le4tTYWU-1615281052138)(C:%5CUsers%5C
Vue初始化项目步骤
m0_67805754的博客
05-07 6812
一.查看并设置镜像地址(提高下载速度) npm config get registry #查看镜像地址 如果镜像地址不是淘宝镜像地址,为了提高下载速度,就需要输入如下命令设置为淘宝镜像地址: npm config set registry https://registry.npm.taobao.org/ #设置淘宝镜像地址 二.全局安装vue/cli(必要) npm i -g @vue/cli 三.检查是否安装成功 npm -V 四.创建项目文件(必要) vue create 文件名 五
vue项目初始化
init_yanxiao的博客
01-17 1034
项目初始化 使用 Vue CLI 创建项目 -Vant 组件库的导入方式 制作使用字体图标的方式 如何在 Vue 项目中处理 REM 适配 -axios 请求模块的封装 1.1 使用 Vue CLI 创建项目 如果你还没有安装 VueCLI，请执行下面的命令安装或是升级： npm install --global @vue/cli 在命令行中输入以下命令创建 Vue 项目： vue create toutiao-m [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(i
创建 Vue 工程的3种方法
学习笔记
05-14 2201
可以使用以下3种方法创建并初始化一个Vue app： 方法1. 从CDN 加载 Vue CDN：Content Delivery Network 内容分发网络，使用脚本从CND加载Vue，步骤如下： index.html 中增加脚本：<script src="https://unpkg.com/vue@3"></script> （参考网页: https://vuejs.org/guide/quick-start.html ） <!DOCTYPE html> <
Vue入门-初始化工程命令记录，超简单
Tomonkey的专栏
03-31 206
找一个放工程的文件夹下面，运行命令 vue create myproject 会创建文件夹myproject，同时文件夹内的即为工程的相关文件 启动命令如下 cd myproject npm run serve 出现如下即是运行成功 ...
vue项目中babel.config.js初始化
最新发布
07-27
在 Vue 项目中，babel.config.js 文件用于配置 Babel 转译器的设置。你可以按照以下步骤进行初始化： 1. 在你的 Vue 项目的根目录下，创建一个名为 babel.config.js 的文件。 2. 打开 babel.config.js 文件，并添加以下基本配置： ```javascript module.exports = { presets: [ '@vue/cli-plugin-babel/preset' ] } ``` 这个基本配置是使用 Vue CLI 默认的预设来进行转译。 3. 如果你需要自定义 Babel 的配置，可以在 presets 数组中添加其他预设或插件。例如，如果你想要使用 TypeScript，可以安装 "@vue/cli-plugin-typescript" 并将其添加到 presets 数组中： ```javascript module.exports = { presets: [ '@vue/cli-plugin-babel/preset', '@vue/cli-plugin-typescript' ] } ``` 4. 如果你需要更多高级的自定义配置，可以参考 Babel 的官方文档，在 babel.config.js 文件中进行相应的配置。 这样，你就完成了在 Vue 项目中初始化 babel.config.js 文件的过程。记得在进行任何更改后重新启动你的开发服务器，以使配置生效。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

qq_39209696

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值