vue项目的创建过程

最新推荐文章于 2022-09-10 18:37:29 发布
最新推荐文章于 2022-09-10 18:37:29 发布
阅读量193 收藏 1
点赞数
文章标签： javascript es6 vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_53592107/article/details/121519329
版权
本文详细介绍了如何使用Vue CLI创建一个Vue项目，包括检查Node和npm版本，通过Vue CLI安装项目模板，选择依赖，配置项目，下载依赖并启动本地服务，最后在浏览器中验证项目创建成功。
摘要由CSDN通过智能技术生成

vue的创建步骤

一，前言

首先查看node，npm的版本

node-v ：node版本查看
npm -v ：npm版本查看

如果没有安装node，请先前往安装。官网： https://nodejs.org/zh-cn/或点击：node.js的安装

二，vue项目创建

1，安装vue脚手架：Vue Cli

官网： https://cli.vuejs.org/zh/
按照官网文档说明，安装命令为：npm install -g @vue/cli。安装完成之后，cmd窗口vue -V（大写V），查看@vue/cli版本

在这里插入图片描述

2，创建vue项目

在创建好的文件下，打开cmd窗口，输入vue create

最低0.47元/天 解锁文章
港島起雾記.
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue项目创建流程
m0_64337756的博客
04-10 839
A 创建项目 1vue create app 2选择：babel router(按需选择) B 重置项目 1app.vue中重置 <template> <div></div> </template> <script> export default { } </script> <style> </style> 2router/index.js重置 import Vue from 'vu
vue create报错解决方法
javaEE_zero的博客
04-14 1万+
vue create 【项目名称】报错如下： error Invalid dependency type requested: alias ERROR command failed: npm install --loglevel error --registry=https://registry.npm.taobao.org --disturl=https://npm.taobao.org/dist 看到网上有很多针对 ERROR command failed的解决方案，但实际上错误原因是低版本的n
关于无法使用vue create的原因和解决方法
qq_52475404的博客
04-27 4322
关于无法使用vue create的原因和解决方法
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 ，用管理
gulp serve 报错
PariyPeng
09-11 1281
gulp : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\gulp.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参 阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。 所在位置 行:1 字符: 1 + gulp serve + ~~~...
创建项目时，出现了vue无法加载怎么办？
最新发布
qq_53239194的博客
09-10 833
创建项目时，出现了vue无法加载怎么办？ 1、开始菜单输入powershell，powershell ISE或者直接powershell命令行都ok，选择以管理员身份运行。 ​
Python Django Vue 项目创建过程详解
09-18
4. **打包Vue项目** 进入`webfront`目录，安装依赖并运行构建命令： ``` cd webfront npm install npm run build ``` 这将生成一个`dist`文件夹，包含`index.html`和`static`文件夹，它们包含了Vue应用的编译...
通过命令行创建vue项目的方法
08-29
通过命令行创建Vue项目是开发者们常用的一种快速初始化项目的方式，这使得开发过程更加高效。本篇将详细介绍如何利用命令行创建Vue项目。 首先，确保你的开发环境中已经安装了Node.js。Node.js是JavaScript的服务器...
基于脚手架创建Vue项目实现步骤详解
10-15
以下将详细介绍基于Vue CLI创建Vue项目的过程。 首先，准备工作至关重要。确保你已经安装了Node.js环境，因为Vue CLI是基于Node.js的。你可以通过在命令行输入`node -v`来验证Node.js是否已安装，并检查其版本。接...
详解Vue用cmd创建项目
10-17
使用命令行工具（CMD）创建Vue项目是开发流程中的第一步，这使得开发者能够快速搭建开发环境并开始编码。下面我们将详细讲解如何在CMD中创建Vue项目。 1. **环境准备**： 在开始之前，确保你已经安装了Node.js，...
解决使用vue-cli3创建项目时在git下交互提示符没反应问题
xm2by的博客
05-06 2337
解决使用vue-cli3创建项目时在git下交互提示符没反应问题 vue-cli3下我们使用vue create命令来快速创建项目，在window下会遇到交互提示符不工作的问题，如图所示： vue-cli官网给出了两种解决方法： 下面对它们具体实践一下： 方法一： 第一种比较简单，就是将vue create命令改为winpty vue.cmd create命令，如下图所示： 方法二： 第二种...
vue里使用create、mounted调用方法的正确姿势
热门推荐
Honins的博客
09-05 9万+
首先，我之前有个错误的写法： 错误有2： 1，我一直以为在created里定义方法然后使用，其实这里的getCustomerInfo只是调用 2，所有的方法都应该在methods里定义，然后在created或者mounted里 使用this调用方法，用这种方式实现初始化 正确写法： 这样，页面开始会初始化信息，修改信息后会执行getCustomerInfo()方法刷新数据，这...
今天使用vue可视化工具创建vue项目时，一直卡住不动，无法创建的解决办法
weixin_42365757的博客
09-01 5697
今天使用vue可视化工具创建vue项目时，一直卡住不动，无法创建的解决办法： 步骤一：根据以下路径找到以下文件(我的node.js是默认安装在了c盘) 步骤二：打开此文件，修改useTaobaoRegistry为true，保存关闭，重新创建vue项目，成功！ 注意:如果你打开后是true，建议改成false再试一试（我的就是改为false后创建成功了） ...
用vue create xxx 创建项目时，一直出现卡顿，导致无法创建项目
dqzd12345的博客
11-10 4482
用vue create创建项目时，一直卡着动不了。等了半个小时，一点动静都没有... 查了一下vue得版本，是3.0的，究其原因是vue-cli版本太低。需要升级一下版本 输入，命令：npm install -g @vue/cli 和 npm install -g @vue/cli-init 命令安装新版本vue-cli。 再去创建项目时，就不会卡顿了，问题完美解决。 ...
vue创建项目卡住不动，vue create project卡住不动 解决办法
qq_37732761的博客
03-23 8752
认定了 就要好好的珍惜对待，人生不容辜负，你必须要更加努力 。加油 骚年。 安装vue-cli新版本4.4.4，执行vue create xxx,半天都创建不成功，网上搜了好多解决方案，然而并没有解决我的问题。经过一番尝试，解决了自己的问题， 修改.vuerc文件中 "useTaobaoRegistry"属性，我本地默认是false,后来改成true,没什么作用。来回修改了好几遍没效果，后来查看npm的镜像配置发现修改.vuerc文件中 "useTaobaoRegistry"属性，npm的镜像并没有修改。
vue created 无效
coffeeTee的博客
03-18 2388
在组件中调用created没有生效，可能是你没有给组件加上v-if 原理很简单，就是v-if是每一次符合条件的创建或销毁，这样你在进入组件的时候就可以实现每次点击的创建，created生命周期函数也就生效了 ...
vue create 新项目时，命令行工具卡死（npm卡死）
diyingdun1957的博客
03-29 1930
将.vuerc文件的useTaobaoRegistry改为true即可。 转载于:https://www.cnblogs.com/dapengFly/p/10620587.html
vue create 无法加载文件
空中烟花
06-05 655
PS D:\example\vuejs> vue create mall vue : 无法加载文件 C:\Users\cccc\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.micr osoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。 所在位置 行:1 字符: 1 vue create mall + CategoryInfo :
Vue项目创建步骤详解
在确认设置界面，输入`Y`表示接受当前配置，并按`Enter`开始项目创建过程。 10. **等待项目构建** Vue CLI 将会下载并安装所需依赖，这个过程可能需要一些时间。等待完成后，项目就成功创建了。 11. **运行项目*...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值