【vue项目搭建】

已于 2025-01-23 10:23:59 修改
阅读量1.2k 收藏 15
点赞数 13
文章标签： vue.js javascript 前端
于 2025-01-21 22:41:10 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/chun_man/article/details/145291412
版权

使用vue create 方式搭建vue项目

使用vue create 方式搭建vue项目

查看nodejs版本和vue脚手架版本

使用一下命令，检查你的nodejs和vue脚手架版本，如果没有安装，需要先安装之后再来进行vue项目搭建

node -v

vue --version
或者
vue -V

在这里插入图片描述

创建vue项目

vue create test

在这里插入图片描述
通过上下键进行选择，我这里选择的是手动自定义搭建，上面两个分别是快速搭建vue3和快速搭建vue2
回车进入下一步

在这里插入图片描述
通过上下键进行选择，空格键进行选中
Router：路由；Vuex：vuex状态管理
回车进入下一步

在这里插入图片描述
选则vue的版本，我这里选择的是2.x
回车进入下一步

在这里插入图片描述
使用router路由的history模式或者hash模式，我这里输入的y，也就是选用history模式，（如果使用hash,则输入n）
回车进入下一步

在这里插入图片描述
代码语法错误检查，我选择的是 ESLint + Standard config，这个是标准的
回车进入下一步

在这里插入图片描述
选择代码语法检验的时机，我选择的是Lint on save，保存时检验
回车进入下一步

在这里插入图片描述
选择第三方配置文件保存的方式
我这里选择的时In package.json，存在package.json文件中
回车进入下一步

在这里插入图片描述
是否保存本次配置为预设项目模板，我这里选择N，然后回车，等待项目搭建成功
也可以选择Y，这样下次可以直接使用该配置方案快速搭建项目)

在这里插入图片描述
到了这一步，恭喜你，项目搭建成功了

项目运行

cd test

在这里插入图片描述
运行项目

npm run serve

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

补充

在这里插入图片描述
这就是前面提到的package.json文件

觉得有用就收藏起来吧，别忘了点个关注哦

使用vue创建项目的详细步骤
weixin_44306683的博客
06-04 1523
1 创建vue项目 （myvue是项目名称） D:\myproject>vue create myvue 回车 *default (bable，eslint） // 默认 Manually select features // 手动 *选择手动创建项目 如果不需要太多功能的话可以选择快速创建。选择第一个直接回车，进行项目创建 2 初始化项目 这里选择手动创建项目 （通过上下键移动，空格键选定，回车下一步） 参数说明 () Babel
vue项目搭建步骤
X_0419的博客
04-24 753
只是单纯进行记录，此步骤是在node.js和vue.js已经安装完成之后进行的，希望对大家也有所帮助。 vue项目搭建步骤 首先我们先创建一个demo文件，然后在路径出打出cmd，启动命令面板，在命令面板输入vue create myapp-web（myapp-web是随便起的名字） 输入之后按下回车键，会出现以下选项，我们选择第三个手动安装 接下来我们选择以下五个选项，按空格就可以选中，之后按下回车 接下来会有五个问题，我们依次选择以下选项，选完回车之后就可以等待项目创建了 接下来我们cd m
vue创建工程教程
xuexiaoderenwu的博客
12-18 920
Vue.js，作为一款轻量级的JavaScript框架，因其简单易用、灵活性强和性能优越而受到了广大前端开发者的喜爱。自从Vue 2.0发布以来，它逐渐成为了构建用户界面的首选之一。如今，随着Vue 3.0的推出，其特性和性能得到了进一步的增强。本文将分享我在使用Vue进行项目开发过程中的心得体会，涵盖从初学者到进阶开发者可能遇到的问题及解决方案。这将会编译项目并在本地启动一个热重载的开发服务器，默认情况下可以在浏览器中通过。如果端口被占用，可能会自动选择其他可用端口。是项目的名称，您可以根据需要更改。
VUE2创建项目
最新发布
csdn_HPL的博客
04-17 2332
模式：URL 中会带有 “#” 符号，如http://example.com/#/home ，“#” 后面的部分是路由的路径，它的改变不会引起页面的重新加载，浏览器会根据 hash 值的变化触发hashchange事件，Vue Router 利用这个特性实现路由跳转。：也是一款流行的 CSS 预处理器，和 Sass 类似，提供变量、混合、嵌套规则等功能，语法简洁，在大型项目中使用可以有效组织和管理 CSS 代码，并且与许多前端框架和构建工具都有良好的集成。：代表 Vue 2 版本。
【vue create】一.使用vue creat搭建项目
????鱼干～
03-08 3523
【vue create】一.使用vue creat搭建项目
VUE 使用 vue create 命令 创建 vue2.0 项目
热门推荐
不想成为可以改变世界的程序员，不是一个好程序员
06-07 2万+
VUE 使用 vue create 命令 创建 vue2.0 项目 为了保证创建过程中避免出现因权限不足的原因 从而 导致创建失败的问题，我们使用 管理员身份 打开命令行 g:表示切换进入G盘 cd git表示打开 当前盘下的 git 文件夹 大家可以根据以上两个命令进入自己想要保存项目的目录下，我这里是保存在 G:\Git 文件夹.........
vue项目安装搭建
Heartbestc的博客
07-30 3411
一、安装node环境 1、下载地址为：https://nodejs.org/en/，如图 下载完成后依次点击安装即可 2、检查是否安装成功：如果输出版本号，说明我们安装node环境成功 输入 node -v 和 npm -v 检查 3、为了提高我们的效率，可以使用淘宝的镜像：http://npm.taobao.org/ 输入：npm install -g cnpm --registry=ht...
vue新建一个项目
qq_44004011的博客
03-15 131
1.使用cmd进入项目要创建的目录 在cmd操作中我们需要在不同分区中进行跳转，但我们进入文件夹用的cd命令在分区跳转中失灵了 解决办法：如图第二步 输入E: 就可以跳转了 2.vue create 项目名 3.选择项目配置 因为我安装的是最新版的vue4.5 所以会选择vue.js的版本是2.0还是3.0 最后两步会问你是否需要保存预设并用到以后的项目中，我选择yes，回车下一步 问你保存的preset的名字是什么，我设为testPreset，回车下一步直到安装完成。 成功安装 4.进入项目
vue项目搭建
01-08
二、vue-cil 搭建项目 1、全局安装vue-cil : npm install -g vue-cli 2、项目初始化： 若vue非命令，则需要配置下环境变量（去网上搜一下vue环境变量配置，这里不做解答） 3、项目安装依赖包：cnpm i 4、项目运行...
Vue项目搭建 .xmind
06-28
Vue项目搭建 .xmind
elementUI+vue项目搭建
12-10
"Element UI + Vue 项目搭建"就是一种常见的前端开发方案，它结合了Vue.js这一轻量级、高性能的JavaScript框架和Element UI这一基于Vue的组件库，旨在为开发者提供一套完整的UI解决方案。在这个项目搭建过程中，我们...
Vue学习笔记集--create-vue
Three_stones的博客
03-25 1365
功能：create-vue 提供了统一的目录结构、本地调试、热部署、单元测试、集成打包等功能，简化了项目的搭建过程，让开发者能够更加专注于业务逻辑的实现。特点：它基于 Vite 构建，具有极速启动服务、快如闪电的热重载等优势，提供了更好的开发体验。这是项目的 HTML 模板文件，所有的 Vue 组件都会被挂载到此文件中的#app元素上。你可以在此文件中添加全局的 HTML 标签、元信息等。这是应用的入口文件。在此文件中，你会创建 Vue 应用实例，并挂载到#app元素上。
使用vue creat搭建项目
baidu_39009276的博客
07-31 669
我这里选择N(也可以选择Y，这样下次可以直接使用该配置方案快速搭建项目)，然后回车，则项目搭建成功。我这里使用router路由的history模式，输入Y,然后回车（如果使用hash,则输入n）npm版本是6.14.11，node版本是14.16.0 ，vue-cli版本是5.0.8。显示版本号说明安装成功，如果没有安装，则需要先安装。我这里选择Lint on save，然后回车。选择完成后，按回车进入到下一步。我这里选择的是3版本，回车确认。，这个是标准的，然后回车确认。
【Vue】使用create-vue搭建Vue3项目
qq_39921135的博客
06-14 931
create-vue是Vue官方新的脚手架工具，底层切换到了 vite （下一代前端工具链），为开发提供极速响应。Vue CLI 是用来创建Vue2的。如果是创建Vue3，底层更推荐使用create-vue。由于现在还没有到项目，到项目再具体的去定制化，现在就一律选中No即可，ESLint可以选上。vite是尤大大创建的vue构建工具，并且是市场上非常火爆的。前置条件 - 已安装16.0或更高版本的Node.js。执行如下命令（初始化），这一指令将会安装并执行。使用键盘上的左右键进行切换选择。
Vue自定义创建项目
鲸枫
03-30 1791
当我们学习完路由和vuex后，就可以基于VueCli自定义创建项目架子 ！！！
create-vue（官网方式）创建vue项目
zho_uzhou的博客
02-07 289
node -v。
构建vue初始化项目 第一种方法：vue create 命令构建vue项目
weixin_72303943的博客
07-10 1万+
构建vue初始化项目 第一种方法：vue create 命令构建vue项目
Vue项目搭建
05-27
好的，下面是搭建Vue项目的步骤： 1. 安装Node.js和npm 首先需要安装Node.js和npm，Node.js是一种基于Chrome V8引擎的JavaScript运行环境，npm是Node.js的包管理器，用于下载和管理项目依赖。 2. 安装Vue CLI Vue CLI是Vue.js官方提供的脚手架工具，用于快速搭建Vue.js项目。 安装命令如下： ``` npm install -g @vue/cli ``` 3. 创建项目 使用Vue CLI创建一个新的Vue项目，在命令行中输入以下命令： ``` vue create <project-name> ``` 其中，`<project-name>`为你的项目名称。 创建完毕后，进入到项目目录中： ``` cd <project-name> ``` 4. 运行项目 在命令行中输入以下命令运行项目： ``` npm run serve ``` 该命令会启动一个开发服务器，并且自动打开浏览器，在浏览器中访问`http://localhost:8080`即可看到项目运行效果。 至此，Vue项目搭建完成。
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值