如何安装vue项目

已于 2022-04-09 15:00:45 修改
阅读量1.3k 收藏
点赞数
分类专栏： vue.js 文章标签： vue.js
于 2022-04-09 15:00:03 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_46387376/article/details/124061032
版权
本文介绍了如何安装Vue项目，包括检查Vue是否已安装，使用Vue CLI创建项目，选择Vue版本以及启动项目服务的详细步骤。
摘要由CSDN通过智能技术生成

如何安装vue项目

Vue CLI 官网

2022/02/26

  1. 检查 Vue 是否安装，如果输出 vue 的版本信息，说明安装了 vue
vue  -v
# @vue/cli 4.5.15

如果不存在 vue 命令工具，安装 vue 命令

npm install -g @vue/cli
# OR
yarn global add @vue/cli
  1. 通过 vue 命令，创建一个 hello-world 项目
vue create hello-world

选择 Vue 版本, 通过上下键选择 Default ([Vue 2] b

最低0.47元/天 解锁文章
科学的王先生
关注
专栏目录
安装npm install -g @vuecl需注意 @vuecli 4.5.15
m0_67403188的博客
03-06 549
目前版本 使用 npm install -g @vue/cli 出错，能用，后面会不断有不同类型的错误。比如 安装npm i less less-loader --save 建议 使用淘宝镜像 先清除原来的 npm uninstall -g @vue/cli 安装淘宝 npm install -g cnpm --registry=https://registry.npm.taobao.org 查看淘宝镜像 cnpm -v 安装 cnpm install -g @vue/cli
vue ui安装vue项目
实践求真知
05-03 890
一命令行输入 vueui 二 点击创建项目 三输入命令名称 四手动配置，然后下一步 五功能配置 六最后一步配置 七保存预设 八项目生成后运行 九生成后代码结构 ...
安装npm install -g @vue/cl需注意 @vue/cli 4.5.15
热门推荐
qq_52915322的博客
11-17 1万+
目前版本 使用 npm install -g @vue/cli 出错，能用，后面会不断有不同类型的错误。比如 安装npm i less less-loader --save 建议 使用淘宝镜像 先清除原来的 npm uninstall -g @vue/cli 安装淘宝 npm install -g cnpm --registry=https://registry.npm.taobao.org 查看淘宝镜像 cnpm -v 安装 cnpm install -g @vue/cli
Vue安装，环境配置 创建Vue项目
最新发布
weixin_74158859的博客
09-03 1579
【用户变量】下的【Path】将默认的 C 盘下 APPData/Roaming\npm 修改为【node_global】的路径和【node_cache】的路径，这是nodejs默认的模块调用路径。1.找到刚刚安装的目录，在安装目录下新建两个文件夹【node_global】和【node_cache】分别作为默认安装目录和缓存日志目录。3.在【系统变量】中选择【Path】点击【编辑】后点击新建【%NODE_PATH%】，随后一直点击【确定】直到关闭所有窗口即可。
安装Vue脚手架
weixin_42888638的博客
08-06 391
安装Vue脚手架
Vue基础（四）：vue安装及npx @vue/clie@4.5.15 create与npx vue create创建项目的区别
欧阳方超的专栏
08-08 764
介绍了全局和局部安装vue/cli的方式，同时介绍了npx @vue/clie@4.5.15 create与npx vue create两种命令创建vue项目的区别。
vue/cli 4.5.4用命令行建设新应用
互零网络科技有限公司
08-27 675
1.开始创建项目 @ vue / cli 4.5.4安装成功后，如果要在D：\ Code2Vue目录中创建demo2项目，则可以打开资源管理器，输入D：\ Code2Vue目录，然后在资源管理器中在地址栏上输入cmd（此时打开的cmd窗口的打开目录是D：\ Code2Vue目录，如下所示），在打开的cmd窗口模式下输入以下命令： 开始创建一个新项目： # demo2 是项目名称 vue creat demo2 注意：vue creat命令在哪个目录中运行，将在哪个目录中创建vue。 2.如.
Vue 安装 vue-cli 脚手架 & 创建 vue 项目
01-06
windows vue vue-cli 安装 macos 前往 node.js 官网下载 MacOS 版然后无脑下一步。安装完成后验证一下。 node -v # 验证 nodejs 版本 npm -v # 验证 npm 版本 切换 npm 为淘宝源。 // 切换到淘宝镜像 npm config ...
安装vue-cli，使用脚手架 vue-cli 构建项目，package.json
Mb_JUJI的博客
11-19 1307
安装vue-cli，使用脚手架 vue-cli 构建项目，package.json，npm intall的区别
【问题解决】@vue/cli 4.5.15脚手架搭建vue2项目时引入vue-router后页面空白问题
GUANYX的博客
02-16 1242
一、问题描述 用脚手架搭建vue2项目的时候，引入vue-router之后页面变成空白。 main.js如下： import Vue from 'vue' import App from './App.vue' Vue.config.productionTip = false // //引入路由 import router from '@/router' new Vue({ router, render: h => h(App), }).$mount('#app') 开始报一系列类似
vue-cli-service serve都干了啥（源码探究--@vue/cli 4.5.15）
weixin_49477258的博客
06-23 9002
为什么命令行输入 `vue-cli-service serve` 我们的vue项目就能通过http协议访问？ 带着这个问题，去看看源码，寻找答案 vue-cli-service serve 从运行命令到本地访问流程图解 vue-cli-service serve 除了启动一个本地服务器，还做了什么？ 模仿vue-cli-service serve ，使用node动手搭建一个很基础的静态资源服务器...
配置一个vue/cli 4.5版本的环境
fzdxzcxy123的博客
06-24 1559
第一步，清除所有旧环境 卸载nodejs。 删除旧有的node配置 3.删除全局的依赖 第二步，安装nodejs 14. 未知必须要支持vue/cli@4.5的版本 第三步 1.配置依赖目录 配置npm在安装全局模块时的路径和缓存cache的路径 因为在执行例如npm install webpack -g等命令全局安装的时候，默认会将模块安装在C:\Users\用户名\AppData\Roaming路径下的npm和npm_cache中，不方便管理且占用C盘空间，如下图所示： 所以这里配置自定义的全
vue-cli 卸载4.5.15与安装指定版本2.9.6
zsj_javaer的博客
08-04 1177
vue-cli 脚手架卸载4.5.15与安装指定版本2.9.6
@vue/cli4创建vue项目，详细介绍（cmd）
qq_52915322的博客
09-24 1090
@vue/cli4创建vue项目，详细介绍（cmd）
vue-cli版本问题【卸载与安装】
qq_38687592的博客
02-13 915
npm view @vue/cli versions --json // 3.0以上vue-cli可安装版本查看。npm view vue-cli versions --json // 3.0以下vue-cli可安装版本查看。npm install -g @vue/cli@4.5.15 // 重新安装。npm remove -g @vue/cli // 卸载。
通用后台管理系统前端界面
qq_45947664的博客
11-16 1074
##安装指定版本的vue脚手架工具 或者是已安装了，该命令则为使用4.5.15版本的vue/cli。2.1 效果：自动打开项目，终端输入“npm run serve”后自动弹出项目主页。③使用Vue Project Manager ，使用命令行输入。1.1 局部安装vue-cli 工具，方便不同版本进行切换。后续项目还可以看到使用的依赖、module，对启动速度等进行优化。局部安装vue-cli 4.5.15 和创建项目。###查看当前vue脚手架工具版本。会弹出vue项目托管器。
Vue2相关组件项目依赖版本信息
Mr Dear的博客
10-19 2587
Vue2相关组件项目依赖版本信息
如何安装vue项目后台
04-11
您可以通过以下步骤来安装Vue项目后台： 1. 首先，您需要确保在您的计算机上安装了Node.js和npm（node包管理器）。 2. 克隆Vue项目后台的存储库或下载源代码。 3. 打开命令提示符或终端窗口，导航到项目的根目录。 4. 在命令提示符或终端窗口中输入“npm install”命令，并按回车键。这将下载并安装所有必需的npm依赖项。 5. 安装完成后，在命令提示符或终端窗口中输入“npm run dev”命令，并按回车键。这将启动Vue项目后台服务器。 6. 打开浏览器并输入“http://localhost:port”，其中“port”应该是您在项目中配置的服务器端口号。您现在可以在浏览器中访问Vue项目后台。 希望这可以帮助您成功安装和运行Vue项目后台！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值