如何创建 Vue 工程

最新推荐文章于 2024-05-16 17:54:12 发布
最新推荐文章于 2024-05-16 17:54:12 发布
阅读量317 收藏 3
点赞数 1
分类专栏： Vue 文章标签： Vue IT Web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Kevin_CY_DLJ/article/details/103498450
版权
本文介绍了如何通过vue-cli创建Vue工程，包括环境准备（webpack、vue、vue-cli和vetur的安装），工程文件的初始化和运行，以及后续的jQuery、bootstrap和iView等插件的安装。
摘要由CSDN通过智能技术生成

在这里插入图片描述

前言

Vue框架有两种使用方式：

1、一种是通过在HTML文件中引入 vue.js 的文件
2、另一种是通过脚手架 vue-Cli 创建一个 vue 工程

今天我要介绍的就是第二种方式
安装三个软件：VsCode，nodejs，cmder，其中 cmder 是用于代替 cmd ，非必须。
点击名字跳转至下载

第一步：准备相应环境

1.webpack [ 在 cmd 或 cmder 中完成 ]

npm install webpack -g

最低0.47元/天 解锁文章
「已注销」
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
脚手架（vue-cli）创建Vue项目超详细过程
weixin_52580677的博客
03-23 1万+
Vue创建项目 1.创建项目 2.项目手动配置 3.选择vue版本 4.路由模式 ... Vue项目运行 ...
【创建vue项目的三种方式】
regretTAT的博客
06-06 7068
【代码】【创建vue项目的三种方式】
如何搭建一个vue项目(完整步骤)
最新发布
y2020520的博客
05-16 2267
Install vue-router ==> 是否要安装 vue-router，项目中肯定要使用到 所以Y 回车；最后附上demo地址：https://github.com/yanxulan/vue-demo.git。参考：https://www.cnblogs.com/yanxulan/p/8978732.html。d：输入ip： http://localhost:8010/#/first，查看页面效果。
vue项目搭建【详细入门创建】
qq_63656102的博客
07-09 3457
vue在前端开发中是不可缺少的一种框架，在国内运用非常广泛，所以学习这门框架是前端的必备技能，所以在入门中，我们要学会如何搭建一个vue项目，不管是vue2还是vue3他们的创建方法都是差不多的。第一种是最简单的，那就是直接引入cnd，当然这种方法是不可取的，在这里就不说了，主要的还是用脚手架来创建vue项目，目前的脚手架有。创建完成后，在cmd命令行输入 vue create 项目名称 来创建，回车即可。当然，命令运行都是可以改的，所以大家记住默认的运行即可。所创建的目录文件如下就说明创建完成了。
uniapp项目 vue create -p dcloudio/uni-preset-vue my-project下载失败
前端的路上
12-03 3966
1. 利用github下载：https://github.com/dcloudio/uni-preset-vue 2、执行命令(原理就是直接使用本地的项目模板,正常情况下是拉去线上模板) // 现在需要执行的命令 vue create -p 你下载好文件的路径 myproject // 我的命令示例 vue create -p E:\uni-preset-vue-master uniapp 复制// 正常情况下的命令(拉取线上资源) vue create -p dcloudio/uni-pre.
前端工程（一）：创建一个Vue项目工程
兮和的个人博客
03-25 558
创建一个Vue工程
vue下载及创建vue工程
11-30
Vue 下载及创建 Vue 工程 Vue 是一个流行的前端框架，由 Evan You 于 2014 年创建，旨在简化 Web 应用程序的开发过程。以下是关于 Vue 下载及创建 Vue 工程的知识点： 安装 Node.js Node.js 是一个 JavaScript ...
从零到一详聊创建Vue工程及遇到的常见问题
10-17
主要介绍了从零到一详聊如何创建Vue工程及遇到的常见问题 ,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下
安装Vue脚手架， 用脚手架创建vue工程项目
06-13
安装Vue脚手架， 用脚手架创建vue工程项目
vue使用vue-cli快速创建工程
01-19
本文介绍了vue使用vue-cli快速创建工程，分享给大家，具体如下： vue-cli安装 npm i vue-cli -g vue init webpack-simple vue-todos vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue ...
从零开始搭建一个vue项目（保姆级教程）
weixin_50989469的博客
07-23 4155
我这边在本地起了一个后台服务（建议后台服务做好跨域配置），模拟接口访问调用，一共测试了三种方式：①get无参请求 ②get有参请求 ③post请求json传参。新建api文件夹，放在api文件夹下，需要引入http文件，js文件地址：src/api/pageB.js。项目建好之后，就可以配置ui组件了，可以选择npm去装，也可以选择yarn安装，我把两个命令都列出来了。第二步，选择【Vue.js】，输入自己项目的名称，点击【Create】生成项目。在main.js中import之后，ui组件才正式生效。
vue工程，新建的项目工程
03-23
vue工程，新建的项目工程，vue工程，新建的项目工程，vue工程，新建的项目工程
从0开始创建vue工程化项目~
weixin_56811925的博客
09-09 405
为啥要写这个呢？就是事儿干完了，没啥事做了。其实这章主要是讲如何让项目好管理点和防止接手人拿刀上你家喝茶，是摆脱菜鸡通往初级的必经之路。
Vue工程化项目创建-VueCli与Vite
CharliePuthJJ的博客
03-07 1424
在完成了node.js的安装之后，我们就可以正式来创建我们的Vue工程化项目了，我目前学习到两个创建工程化项目的工具是Vue-Cli还有Vite，其中VueCli可用于创建vue2与vue3的项目，而Vite是比较新的，它只能创建vue3的工程化项目。以下为大家演示是用VueCli创建vue2还有Vite创建vue3，这也是我学习时所用到的。
vue创建项目卡住不动，vue create project卡住不动
盏茶作酒的博客
06-11 1万+
第一种方法： 好久没有创建vue新项目了，今天创建了一个新项目，一运行 vue init webpack project_name 就卡住不动，换 vue create project_name 也是卡住不动，然后 命令行关都关不掉， 后来上网找，好多人说什么vue/cli版本的问题，于是就更新了版本，更新到了4.+，还是不行 还有的说nodejs版本问题，于是又从nodejs官网下载最新的 nodejs ，下了个稳定版的，12.+，毫无意外的也是不行 还有的说 切换 powershell ，用管理
创建Vue项目的两种方法(镜像和官网)
楊帥
03-08 3165
本地安装vue-cli npm i -g @vue/cli@3.5.0 创建项目 vue create test(test为项目名称) 选择创建方式，这里选择默认（default），然后按回车
vue环境搭建，vue项目创建
热门推荐
web_note的博客
02-24 2万+
vue这个新的工具，确实能够提高效率，在经历的一段时间的摧残之后，终于能够有一个系统的认识了，下面就今天的收获做一个总结，也是vue入门的精髓： 1.要使用vue来开发前端框架，首先要有环境，这个环境要借助于node，所以要先安装node，借助于node里面的npm来安装需要的依赖等等。 这里有一个小技巧：如果在cmd中直接使用npm来安装的一些工具的话会比较慢，所以我们使用淘宝的npm镜
使用vue创建项目的详细步骤
weixin_44306683的博客
06-04 1468
1 创建vue项目 （myvue是项目名称） D:\myproject>vue create myvue 回车 *default (bable，eslint） // 默认 Manually select features // 手动 *选择手动创建项目 如果不需要太多功能的话可以选择快速创建。选择第一个直接回车，进行项目创建 2 初始化项目 这里选择手动创建项目 （通过上下键移动，空格键选定，回车下一步） 参数说明 () Babel
idea 创建vue工程
07-27
创建一个Vue工程的想法可以是使用Vue CLI来快速搭建项目。Vue CLI是一个官方提供的脚手架工具，它可以帮助我们快速创建、配置和管理Vue项目。 首先，确保你已经安装了Node.js和npm（Node.js的包管理器）。然后，...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值