搭建VUE项目(从零开始)

最新推荐文章于 2024-05-16 17:54:12 发布
最新推荐文章于 2024-05-16 17:54:12 发布
阅读量430 收藏 4
点赞数 3
分类专栏： VUE 文章标签： 搭建VUE项目(从零开始)
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43764578/article/details/102495707
版权

搭建VUE项目(从零开始)

首先进node.js官网下载相应安装包：https://nodejs.org/en/
在这里插入图片描述
下载好就安装到自己的目录里，没有需要注意的地方

安装完以后在命令输出 npm -v 看看是否安装成功然后就安装vue-cli脚手架
在这里插入图片描述
完成以上步骤可以在D盘先新建一个文件夹用来存放将要新建的项目文件，这里命名为：vue-demo

打开命令行工具，然后跟着输入，进入项目目录vue-demo文件按图片继续输入命令在这里插入图片描述
安装结束后输入 npm install 安装项目所需要的依赖包，因为npm是去国外网站下载包，所以网络不好的话下载会比较慢
输入npm run dev 启动项目
在这里插入图片描述
项目就启动成功了

我们复制上面的网址，打开浏览器访问一下
在这里插入图片描述
接下来我们看看通过vue-cli安装的vue项目文件目录
在这里插入图片描述
有什么问题欢迎评论留言，我会及时回复你的

换日线°
关注
  • 3
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
手把手教你从0开始搭建一个vue项目
06-22
本课程会完全脱离脚手架，站在前端工程化的角度，利用webpack手把手教你从0开始搭建一个企业级的vue项目。 课程将会涉及到的知识点有： 前端工程化搭建webpack配置、webpack-chain使用引入babel转换最新的es语法引入eslint做代码的质量校验项目对typescript以及jsx、tsx的支持vue单文件方式加载
Vue项目搭建（从零开始）
qq_39504802的博客
01-06 4798
vue-组件-路由-Axios
从零开始创建vue项目的详细步骤，保姆级
cheng2guang1的博客
02-16 1826
关闭命名规则步骤：打开.eslintrc.js文件，在rules中追加一行代码"vue/multi-word-component-names":"off"。打开package.json文件，查看eslint版本，如果为 v7.20.0 以上，则需要关闭命名规则，否则忽略关闭命名规则这一步。如果 vue.config.js文件中未关闭eslint，则需要关闭命名规则。如果在vue.config.js中已经关闭了eslint，则可以跳过这一步。删除views->所有文件（About.vue和Home.vue)
如何搭建一个vue项目(完整步骤)
最新发布
y2020520的博客
05-16 7884
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项目（保姆级教程）
weixin_50989469的博客
07-23 4538
我这边在本地起了一个后台服务（建议后台服务做好跨域配置），模拟接口访问调用，一共测试了三种方式：①get无参请求 ②get有参请求 ③post请求json传参。新建api文件夹，放在api文件夹下，需要引入http文件，js文件地址：src/api/pageB.js。项目建好之后，就可以配置ui组件了，可以选择npm去装，也可以选择yarn安装，我把两个命令都列出来了。第二步，选择【Vue.js】，输入自己项目的名称，点击【Create】生成项目。在main.js中import之后，ui组件才正式生效。
从零开始搭建vue项目
he515151的博客
08-10 641
搭建一个vue项目以及一些常用插件的引入
从零搭建Vue项目
你看又起风了的博客
04-28 1282
搭建Vue项目 一、安装 node 环境 1、下载地址为：Node.js 2、检查是否安装成功：如果输出版本号，说明安装node 环境成功 3、淘宝镜像：npmmirror 中国镜像站 执行 npm install -g cnpm –registry=https://registry.npm.taobao.org，安装npm镜像，检查是否安装成功 4、补充 ...
【Vue】从零开始创建一个Vue项目(详细步骤)
naihe_fish的博客
07-25 8979
安装过程不多赘述，安装完成后使用命令查看，如果输出版本号，说明我们安装node环境成功。
Vue基础知识总结 13：从零开始搭建Vue项目
热门推荐
学Java，找哪吒
02-24 1万+
一、创建项目 vue create supermall 1、报错。 vue : 无法加载文件 C:\Users\78571\AppData\Roaming\npm\vue.ps1， 2、开始处搜索powershell，以管理员的身份运行 3、输入下面的指令：set-ExecutionPolicy RemoteSigned 4、再次创建项目，成功！ 二、GitHub托管代码 1、创建仓库 2、GitHub仓库创建成功 三、项目提交到GitHub 1、第一种方式 git clone https://
10分钟从0到1利用Element UI框架构建一个Vue前端项目
Ead_Y的博客
03-22 436
从零开始构建一个Vue前端项目并利用Element UI框架，同时整合如Vuex状态管理等复杂功能，下面我将逐步进行，并尽量确保每一步骤都清晰明了。以下是一个详尽的指南，包括项目的构建、配置和测试等，希望能给大家带来快速入门上手。
从零开始用vue-cli搭建vue项目，附模板代码
a2285786446的博客
02-27 2269
vue-cli搭建前端项目
记录一次从零开始搭建Vue框架并完成前后端对接的经历
qq_55754838的博客
08-11 1418
从零开始搭建Vue项目
从零搭建vue项目
m0_58467275的博客
11-19 276
零基础搭建一个vue项目/拷贝别人项目运行
Vue项目从零开始搭建
qq_38229263的博客
02-22 4944
一.准备环境 第一步 安装node.js根据实际操作系统选择安装包 下载地址：https://nodejs.org/en/download/ Cmd命令行输入 node –v检测安装是否成功 第二步 npm设置 大家都知道国内直接使用 npm 的官方镜像是非常慢的，这里推荐使用淘宝 NPM 镜像。 npm install -g cnpm --registry=https://registry.npm.taobao.org Cmd命令行输入 npm –v检测安装是否成功 第三步 安装web
手把手教你从0开始搭建一个vue项目（完结）
vv_bug
07-28 3009
前言 上一节webpack实战之（手把手教你从0开始搭建一个vue项目）最后我们完成了css样式的配置： webpack.config.js： const path = require("path"); const config = new (require("webpack-chain"))(); const isDev = process.env.WEBPACK_DEV_SERVER; config .context(path.resolve(__dirname, ".")) //webpack
我的第一个前端项目，vue项目从零开始创建和运行
麦小洛
01-06 2672
​入门前端，从基础做起，从零开始新建项目。VUE脚手架项目是一个“单页面”应用，即整个项目中只有1个网页！
Vue安装与配置教程（非常详细）从零基础入门到精通，看完这一篇就够了_vue配置(2)
2401_84254474的博客
04-13 906
有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Golang知识点，真正体系化！**
vue3从零开始搭建项目
09-08
如果你想从零开始搭建一个 Vue 3 项目，以下是一些基本步骤： 1. 确保你已经安装了 Node.js。你可以在命令行运行 `node -v` 来检查是否已经安装。 2. 安装 Vue CLI。Vue CLI 是一个官方提供的用于快速创建 Vue ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值