Vue创建

最新推荐文章于 2024-09-03 11:14:22 发布
最新推荐文章于 2024-09-03 11:14:22 发布
阅读量1k 收藏 1
点赞数 1
分类专栏： vue 文章标签： html 前端 vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/w504007124/article/details/124662356
版权
这篇博客详细介绍了如何创建Vue项目的步骤，从在指定目录打开终端，到使用`vuecreate`命令初始化项目，选择配置项，安装依赖，修改`package.json`文件并启动项目。主要针对Vue 2.x版本，适合初学者和开发者快速上手。
摘要由CSDN通过智能技术生成

1.在你需要创建vue项目的地方，按住shift键，点击右键

选择这个打开终端

 2. 输入命令

vue create vue-test001

 3.选择这个

4. 大概选择这些就差不多了，按空格，前面有个*就是选择，按上下箭头移动，，选择完毕之后，按回车键，进入下一步

5. 这里我选择2.x，主要我项目用的也是2.x

 6. 下一个界面，我就是一直回车，然后就在加载

 7.打开项目，打开package.json，修改一下serve为dev，保存

 8.输入命令 npm install 安装依赖

9. 然后启动 npm run dev

 

 

天然水呆
关注
专栏目录
创建vue3项目——vue create vue3_test
m0_53251830的博客
02-16 1368
创建vue3项目
vue创建项目时出错
m0_57391092的博客
10-25 851
vue创建项目失败改为离线创建
vue创建
weixin_44718779的博客
07-22 128
vue的下载及创建项目 1.下载node.js 访问官方网站 https://nodejs.org/zh-cn/ 选择长期支持版下载。 双击下载的安装包安装即可，安装选项全部使用默认值。 运行cmd 输入node -v 检查是否安装上了 2.安装npm 接着输入npm（node成功了 npm一般也会成功） 3.安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org 检查：cnpm 4.安装yarn npm inst
Vue安装，环境配置 创建Vue项目
最新发布
weixin_74158859的博客
09-03 1575
【用户变量】下的【Path】将默认的 C 盘下 APPData/Roaming\npm 修改为【node_global】的路径和【node_cache】的路径，这是nodejs默认的模块调用路径。1.找到刚刚安装的目录，在安装目录下新建两个文件夹【node_global】和【node_cache】分别作为默认安装目录和缓存日志目录。3.在【系统变量】中选择【Path】点击【编辑】后点击新建【%NODE_PATH%】，随后一直点击【确定】直到关闭所有窗口即可。
使用 vue-cli 3 快速创建 Vue 项目
weixin_34297704的博客
04-27 126
为了便于 Vue 项目的管理， Vue 团队官方开发了 vue-cli 工具。 本文将带您使用 vue-cli 快速创建一个 Vue 项目。 本地安装 vue-cli 使用 npm 全局安装 vue-cli ： npm i -g @vue/cli@3.0.0-beta.6 创建项目 执行： vue create my-project 会弹...
Vue3项目创建及相关配置
qq_63161848的博客
08-07 1756
Vue是一种用于构建用户界面的JavaScript框架，核心思想是通过数据驱动视图，使得界面的渲染和更新更加简单高效。Vue通过内置的Vue Router插件提供了路由功能来实现单页面应用程序的页面切换。
vue-chartkick:用一行Vue创建漂亮JavaScript图表
05-01
用一行Vue创建漂亮JavaScript图表 支持 ， 和 快速开始 跑步 npm install vue-chartkick chart.js 最新版本适用于Vue3。对于Vue 2，请使用版本0.6.1和。 并将其添加到您的应用中 import VueChartkick from 'vue-...
vue创建时间 年月日时分秒
weixin_46463643的博客
07-20 956
vue创建时间年月日时分秒。
Vue创建项目的步骤
m0_51636525的博客
08-09 1万+
可以有两种创建vue的方式，一种是vue CLI脚手架，一种是vite工具。npm更新到最新版本方法 npm install -g npm。检查一下npm和node版本。
基于Vue创建一个简单的导航菜单
05-06
基于Vue创建一个简单的导航菜单
如何搭建一个vue项目(完整步骤)
热门推荐
y2020520的博客
05-16 1万+
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 创建项目
kurcp的博客
11-08 365
1.vue create vue-app(项目名称) 2.回车进入以下页面 ，一般选择Manually select features（手动设置） 3.回车之后进入以下页面 一般选择router（路由）、vuex（vue状态管理）、css（样式）、Linter（代码规范） 4.回车之后 根据业务要求选择 2.x版本 或者 3.x版本 5.选择是否使用路由 history router，建议选择 N，否则服务器还要进行配置 6.回车选择css预编译器 建...
vue创建项目
weixin_45730243的博客
03-02 380
vue+vant+rem+axios 移动端项目初始化 一、创建项目 先建立一个文件夹并使用 cmd 打开 进入 cmd 使用 vue create . 创建项目(隔空格) 接下来出现 Vue CLI v4.5.11 ? Generate project in current directory? (Y/n)//在当前目录中生成项目？ 回答 y 接下来出现 nanfeng2 ([Vue 2] less, babel, router, vuex, eslint) clerk ([Vue 2] les
【Vue】创建项目
T_amo的博客
08-30 220
# 下载nodejs，安装到F盘(windows的安装msi文件在过程中会直接添加path的系统变量) https://nodejs.org # 打开cmd，检查是否正常 node -v npm -v # 配置npm # 在nodejs目录下创建node_global、node_cache文件夹，打开cmd npm config set prefix "F:\nodejs\node_glob...
构建Vue项目详细步骤
qq_44723773的博客
03-04 1903
一、安装Node.js 下载地址：https://nodejs.org/en/ 下载完成之后，找到文件所在路径，点击进行安装，直接下一步操作，安装完成之后，打开cmd终端，查看是否安装成功 node -v npm -v 二、安装cnpm淘宝镜像 npm命令可以使用，打开cmd，下载一些包 但是npm下载各种包默认的服务器在国外,下载速度很慢,有时还会导致一些环境问题 因此我们可以选择从国内的服务器下载包,这要感谢淘宝团队的付出,为国内开发者提供了npm各类包的镜像 下载以安装一个cnmp(淘宝镜像)
VUE项目的创建
chaoxiao1231的博客
07-21 186
1.下载vue-cli工具到当前计算机中一个可以在全局运行命令的目录下(这里使用淘宝镜像安装) （1）先安装cnpm： $ npm install -g cnpm --registry=https://registry.npm.taobao.org （2）安装vue-cli cnpm install -g @vue/cli # OR yarn global add @vue/c...
创建一个vue项目
weixin_40741411的博客
11-02 96
1.下载安装node node网址：https://nodejs.org/en/download/ 选择自己要下载的版本，解压，安装。 win+R，输入cmd，输入node -v，将会看到版本号，输入npm -v，也会看到版本号 2.安装vue的指令：vue install vue-cli -g 3.创建一个文件夹，在命令行进入文件夹下，比如在桌面创建文件夹test1，进入到test，输入vue init webpack 项目名称 根据提示完成项目创建，开始下载资源，耐心等待
创建Vue项目
qq_44274968的博客
05-31 1149
因为创建一个Vue项目(并且在本地作为一个前端服务器运行起来 ), 需要很多第三方的包的支持(至少上百个包), 我们没有办法一个一个下载这些包(因为包需要 依赖另一个包, 并且依赖关系有版本要求), 所以我们前端就开发了一个工具叫npm, 这个工具的原理就是, 大家都把包存储到它的服务器上(有成千上万), 当我们需要的时候, 可以使用这个npm工具帮我们从它的服务器上下载正确的以及对应的包到我们本地,以供我们使用.// ---------------项目创建完成--------------------
vue 创建脚手架项目
09-12
Vue创建脚手架项目可以通过vue-cli来实现。vue-cli是一个官方发布的Vue.js项目脚手架，它能够快速创建Vue项目并且进行相应的Webpack配置。通过vue-cli创建项目可以使用命令行或者UI界面两种方式。 在使用vue-cli...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值