vue搭建第一个项目

最新推荐文章于 2023-06-12 17:07:16 发布
最新推荐文章于 2023-06-12 17:07:16 发布
阅读量304 收藏
点赞数 1
分类专栏： Vue.js 文章标签： Vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinat_39323128/article/details/90793520
版权

搭建项目确保自己已经安装好环境，可以参考vue.js三种安装方式这篇文章

（1）在命令行中运行命令 vue init webpack myProject
在这里插入图片描述myProject是项目名称

（2）在命令行中运行命令 cd myProject进入项目

（3）在命令行中运行命令 npm install
在这里插入图片描述
在进行npm install 的时候会出现上面的问题，是系统造成的，使用npm install --ignore-scripts 就可以了

（4）在命令行中运行命令 npm run dev
在这里插入图片描述
（5）访问http://localhost:8080，出现此页面说明成功
在这里插入图片描述

郑金旭
关注
专栏目录
创建第一个 Vue 项目
lefex的博客
03-16 1259
本文来源于「Vue 虚拟实验室」yghen 的分享，由素燕进行修改。Vue 官方提供了 Vue-CLI 工具来创建项目，这一节内容我们主要学习 它能干...
搭建一个vue2项目
SSophia的博客
03-24 7376
搭建vue2项目
创建vue第一个项目
y206206的博客
07-21 253
作为前端小白，最近开始学习vue，记录一下 前置条件：1.安装好node.js 2.配置好npm(cnpm等） 1.使用vue init新建vue项目 vue init webpack projectName 项目下载成功会给出项目启动提示 安装项目所需依赖 cnpm/npm install 运行项目 npm run dev(进入项目所在文件夹下面cmd,再控制台中输入) 在浏览器中输入地址，显示如下界面就说明你的第一个vue项目已...
创建第一个vue项目
weixin_41609327的博客
03-22 475
1，配置node环境 2，打开cmd切换到node安装目录，安装vue-cli:vue-cli会自动按照项目结构在你本地初始化一个项目，当然不用该工具，手动建文件夹配置js等也可以的，但是vue-cli 一行命令就自动生成了多方便呢 npm install vue-cli -g 3，切换到工作目录，在该目录下使用vue-cli初始化一个项目 vue init webpack projectTest #自定义的项目名 4，使用node.js部署测试运行 cd projectTest np
搭建第一个Vue项目
程序人生
09-24 131
一.搭建Node.Js环境 1.下载地址：https://nodejs.org 下载之后会是一个msi文件、安装时一直选择下一步下一步 安装完成后打开cmd 输入node -v 、npm -v 查看版本 如果出现不是内部或外部命令，也不是可运行的程序或批处理文件，一般是环境变量的原因 二.搭建Vue项目环境 1.全局安装vue-cli 　　npm install -...
vue--创建第一个项目
Aucanon的博客
04-16 976
vue--创建第一个vue项目前言一、vue是什么？二、使用步骤1.创建一个vue项目2.项目的运行总结 文章目录前言一、vue是什么？二、使用步骤1.创建一个vue项目2.项目的运行总结 前言 vue作为前端三大框架之一，对于前端开发非常重要。 一、vue是什么？ Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与
搭建一个vue项目
07-12
"搭建一个Vue项目"是每个初学者必须经历的第一步，这涉及到Vue项目的初始化、配置、路由设置以及组件化开发等多个环节。下面将详细介绍这些知识点。 首先，创建Vue项目通常会借助官方提供的`Vue CLI`（命令行工具）...
vue环境搭建、项目初始化
02-03
使用 Vue-CLI 创建 Vue 项目非常简单，只需要输入命令 vue init webpack demo 即可创建一个名为 demo 的 Vue 项目。然后，使用命令 cd demo 进入项目目录，输入命令 npm install 安装依赖。最后，使用命令 npm run ...
vue cli 3.0 搭建项目的图文教程
10-16
通过本文的图文教程，你应该能够顺利地使用 Vue CLI 3.0 创建并运行你的第一个 Vue 项目。在开发过程中遇到任何问题，都可以查阅官方文档或社区资源，以获取更多帮助。如果你觉得本文对你有所帮助，请分享给其他...
多个vue项目合并成一个_零基础搭建一个Vue项目，你学会了吗？
weixin_39631007的博客
10-27 3802
这几天利用业余时间做了一个个人项目，后端部分已经搭建好了还差一个前端，经过考虑前端利用Vue来搭建开发，因对Vue不是很熟悉，所以利用网络查找了相关的资料，成功的跑出了第一个Vue页面，写在此作为一个记录。安装Node.js以及npm包管理器官网简介：Node.js 是一个基于 Chrome V8引擎的 JavaScript运行环境，它使用了一个事件驱动、非阻塞式 I/O的模型,因此其轻量又高效。...
如何创建一个vue项目（初始项目搭建）
12-14
vue项目搭建步骤，图片和文字。
搭建第一个vue项目
weixin_50182117的博客
01-10 314
1，下载node.js并安装，官网地址为：http://nodejs.cn/download，下载相应的版本并傻瓜式安装即可； ------------------------------------------------- 为什么要安装node.js呢？ 首先vue.js 是库，不是框架，不是框架，不是框架。 Vue.js 使用了基于 HTML 的模版语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。 Vue.js 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进
第一个vue项目
a36767的博客
02-26 2393
vuex实现模块式开发 在store里面为每个模块建一个小仓库 // home模块的小仓库 // state:仓库存储数据的地方 const state = { a: 1 }; // mutations:修改state的唯一手段 const mutations = {}; // action：处理action，可以书写自己的业务逻辑，也可以处理异步任务 const actions = {}; // getters 理解为计算属性，用于简化仓库数据的，让仓库获取数据更加简单 const
vue_cli4.0创建第一个项目
朝花夕拾的博客
08-27 300
1、查看node版本 node -v 需求8.9以上 gnvm查看可用的node版本 gnvm use 8.12.0 切换版本 2、全局安装 查看vue_cli版本 1、创建项目。 让选择一项预配置： hhh：选择预设配置为router、vuex、babel、eslint default：babel、eslint Manually select features：手动选择配置，这里选择手动选择，其实hhh的预设配置就行，大多项目离不开那几个预设配置 选择手动配置Manually...
如何使用vue创建第一个项目
最新发布
2301_78621721的博客
06-12 195
Vue CLI是一个基于Vue.js的快速开发工具，可以帮助我们快速创建Vue.js项目和组件。使用Vue CLI创建新项目非常简单。现在，您可以在浏览器中访问http://localhost:8080/来查看您的Vue.js应用程序。在开始之前，请确保您已经安装了Node.js和npm。您可以从官方网站下载最新版本。运行上述命令后，您将被提示选择预设配置。您可以选择默认配置或手动选择要安装的特性。以上就是使用Vue.js创建第一个项目的详细步骤。1.安装Node.js和npm。2.安装Vue CLI。
从零开始 Vue 01 | 构建第一个 Vue 项目
Baimoc
05-09 1170
一、材料 nodejs （参考：一步一步安装及配置 Node.js 与 NPM） phpstorm （https://www.jetbrains.com/phpstorm/） 二、配置 1.配置node与npm phpstorm -> File -> Settings 输入npm，设置node与npm的安装路径 2.配置eslint eslint是编程书写规范，可以让代码更简洁，具有更好的可读性 phpstorm -> File -> Settings 让 js 代码符合 esli
手把手搭建第一个Vue项目
风萧萧萧兮
08-15 230
准备工作： 安装node 下载地址：https://nodejs.org/en/ 查看版本号：node -v node自带npm，查看npm版本号：npm -v 内容 首次搭建项目步骤： win+R 输入 cmd npm i --global vue-cli ...
初步：创建vue项目，解读vue的第一个项目,从node=》解读
谷咕咕
02-18 564
新手：创建vue项目，解读vue的第一个项目 看到这篇文章，应该是安装好了node.js,和npm 就是在官网下载node，然后傻瓜式下一步就行了， 注意： == 里面有个选项add path 添加环境变量就行了 == 设置npm本地仓库，默认在cpan，我们切换到自己想要的地方,node_cache，刚下载node没有使用npm是没有这个目录的 npm config set prefix "D:\nodejs\node_global" npm config set cache "D:\nodejs\n
新手指南：Vue-cli搭建Vue项目详解
在教程的第一部分，作者指导读者安装Node.js和npm作为项目的运行环境。首先推荐访问Node.js官方网站下载并安装最新版本，然后通过命令行验证安装成功。对于npm版本的更新，推荐使用`npm install -g npm`进行全局安装...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值