如何搭建一个vue的项目

最新推荐文章于 2022-07-22 15:11:34 发布
最新推荐文章于 2022-07-22 15:11:34 发布
阅读量170 收藏 1
点赞数 1
分类专栏： vue搭建 文章标签： vue搭建
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44844754/article/details/102561328
版权

1.首先在你想要搭建项目的文档里新建一个文件夹
在这里插入图片描述
2.启动cmd
在这里插入图片描述
在这里插入图片描述
要有这两个
在这里插入图片描述
3.全局安装webpack
在这里插入图片描述
npm install webpack -g
4.安装vue脚手架
在这里插入图片描述
npm install vue-cli -g
5.新建文件
在这里插入图片描述
vue init webpack-simple 工程名字<工程名字不能用中文>
会问一些问题，全部回车选y就可以
6.进入项目，启动
在这里插入图片描述
npm run dev
在这里插入图片描述
7.报错了，忘记安装node
在这里插入图片描述
就这个忘记安了
输入npm i
在这里插入图片描述
就可以自动创建
然后就可以run了
在这里插入图片描述
启动起来就是
在这里插入图片描述
端口号在这里
在这里插入图片描述

Sophia
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
用Vue-cli从零开始搭建一个Vue项目
灰灰灰羊的博客
07-18 425
电脑环境准备 1、下载安装node.js。node中会默认安装npm。命令提示符中 npm -v可查看安装版本。 2、打开命令提示符，安装淘宝镜像cnpm。因为cnpm安装依赖包时会比npm速度快很多。安装命令： npm install -g cnpm --registry=&lt;a href="https://registry.npm.taobao.org" _src="https:/...
怎样创建一个VUE项目（超简单）
热门推荐
m0_70619994的博客
09-25 7万+
一、安装node.js 二、搭建vue环境 1、全局安装@vue/cli模块包 2、执行命令 3、检查是否安装成功 三、创建vue项目 1、创建项目 2、选择模板和包管理器，等待项目创建完毕 四、启动vue项目 1、执行命令 2、浏览项目页面 五、vue项目目录文件含义和作用 六、修改端口号 七、清理欢迎界面 补充：解决App.vue 代码是黑白色的方法
使用vue构建组件化开发项目
qq_39784865的博客
04-14 1430
参考链接：链接: link. 一、搭建环境 1、首先安装node环境，这里就不详细讲了。 2、然后搭建vue 项目环境，全局安装vue. 3、安装完vue之后，进入你的项目目录，创建一个基于webpack模板的新项目：vue init webpack 项目名 4、进入项目：cd 项目名，安装依赖，安装成功之后会多出一个node_modules目录。 5、npm run dev,启动项目，启动...
搭建一个vue项目(完整步骤)
duanna0824的专栏
06-22 2万+
一、安装node环境　　1、下载地址为：Node.js　　2、检查是否安装成功：如果输出版本号，说明我们安装node环境成功　　3、为了提高我们的效率，可以使用淘宝的镜像：npmmirror 中国镜像站　　输入：npm install -g cnpm –registry=https://registry.npm.taobao.org，即可安装npm镜像，以后再用到npm的地方直接用cnpm来代替就好了。　　检查是否安装成功：二、搭建vue项目环境　　1、全局安装vue-cli　　npm install --
如何搭建一个vue项目(完整步骤)
Williamqin_的博客
07-22 8311
config文件夹主要存放配置文件，用于区分开发环境、线上环境的不同，常用到此文件夹下config.js配置开发环境的端口号、是否开启热加载或者设置生产环境的静态资源相对路径、是否开启gzip压缩、npmrunbuild命令打包生成静态资源的名称和路径等。cmd命令，因为是全局的，所以在哪里打开都行，注意运行的时候不能关闭cmd窗口，不然就停止服务了，如果电脑太卡，可以直接在浏览器输入http//localhost8000/...
搭建一个vue项目
07-12
"搭建一个Vue项目"是每个初学者必须经历的第一步，这涉及到Vue项目的初始化、配置、路由设置以及组件化开发等多个环节。下面将详细介绍这些知识点。 首先，创建Vue项目通常会借助官方提供的`Vue CLI`（命令行工具）...
vscode 搭建一个vue项目.doc
08-07
本资源将指导您如何在 VSCode 中搭建一个 Vue 项目，从安装依赖项到项目的创建和发布。 一、安装依赖项 1. 安装 Node.js：Node.js 是一个 JavaScript 运行环境，需要在本地安装。 2. 安装 Vue CLI：Vue CLI 是一个...
手把手教你从0开始搭建一个vue项目
06-22
本课程会完全脱离脚手架，站在前端工程化的角度，利用webpack手把手教你从0开始搭建一个企业级的vue项目。 课程将会涉及到的知识点有： 前端工程化搭建webpack配置、webpack-chain使用引入babel转换最新的es语法引入...
使用vite从头搭建一个vue3项目
04-18
在本文中，我们将深入探讨如何使用Vite 3从零开始构建一个Vue 3项目，以及涉及的相关知识点。Vite是由Vue.js的作者尤雨溪开发的新型前端构建工具，它利用了现代浏览器的原生模块导入功能，提供了更快的开发体验。 1...
如何运行一个Vue项目
01-20
如果你是初次接触Vue项目，可能会对如何运行一个已经存在的Vue项目感到困惑。本文将详细介绍如何搭建环境并运行Vue项目，主要涉及Node.js、npm、vue-cli、cnpm以及Webpack等关键工具。 首先，确保你已经安装了Node....
手把手教你搭建vue项目
程序猿的博客
05-15 2万+
先下载node  node.js 下载完后直接傻瓜式安装 尽量安到c盘不然还得更改环境变量。然后再下载git https://git-scm.com/download/win 找到您对应的系统下载 git跟node下载好咱们就正式进入vue的搭建在您这边新建vue项目的地方 右击鼠标打开git bush 输入 npm install -g vue-cli 全局安装vue脚手架npm install...
从零开始搭建一个Vue项目
aa792978017的博客
10-04 2万+
Vue.js是现在比较优秀的Web前端框架，下面开始从零开始搭建一个Vue项目。流程如下： 一、安装node.js 1.进入node.js官网下载相应安装包：https://nodejs.org/en/ 安装过程没有什么要注意的地方，直接安装到自己想安装到的目录里面就可以了 2.安装完成以后，打开命令行，输入node -v 来判断是否安装成功 3.在安装node的时...
自己动手简单搭建Vue项目
一入前端深似海
05-09 690
最近工作不好找啊！只好在家复习了，学着学着就像用了这么久的vue-cli脚手架了为什么不自己搭建一个那？于是今天就跟着文档手动搭建了一个。 废话不多说啦！开始我们的搭建吧！！！！！ 首先我们需要在目录下生成一个packjson.json文件 npm init 然后我们需要安装各种的依赖： 我们知道要编译.vue文件的话我们需要vue-loader npm i vue-loader --save 我们还需要vue npm i vue --save .vue文件中那我们需要用的是css和js和编译tem
手把手教你从0开始搭建一个vue项目（完结）
vv_bug
07-28 2989
前言 上一节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脚手架（vue-cli）并创建一个项目？
闫小样丶的博客
10-08 2247
今天尝试着自己重新下载node和npm，并配置环境；搭建vue脚手架，实现并创建一个vue项目。所以，把整个操作流程详细的记录一下，方便后期自己参考。 一、安装nodejs环境 官网下载地址：https://nodejs.org/en/ 具体安装步骤见地址：NodeJS、NPM安装配置步骤(windows版本) 安装完成后，打开cmd，输入指令： node -v npm -v ...
vue环境搭建及vue新建一个项目（最简洁版）
小心仔的博客
05-12 1435
一、vue开发环境搭建 1、安装nodejs 2、npm 3、输入npm install -g cnpm --registry=http://registry.npm.taobao.o
100款古风PPT (80).pptx
最新发布
07-13
【ppt素材】工作总结、商业计划书、述职报告、读书分享、家长会、主题班会、端午节、期末、夏至、中国风、卡通、小清新、岗位竞聘、公司介绍、读书分享、安全教育、文明礼仪、儿童故事、绘本、防溺水、夏季安全、科技风、商务、炫酷、企业培训、自我介绍、产品介绍、师德师风、班主任培训、神话故事、巴黎奥运会、世界献血者日、防范非法集资、3D快闪、毛玻璃、人工智能等等各种样式的ppt素材风格。 设计模板、图片素材、PPT模板、视频素材、办公文档、小报模板、表格模板、音效配乐、字体库。 广告设计：海报，易拉宝，展板，宣传单，宣传栏，画册，邀请函，优惠券，贺卡，文化墙，标语，制度，名片，舞台背景，广告牌，证书，明信片，菜单，折页，封面，节目单，门头，美陈，拱门，展架等。 电商设计：主图，直通车，详情页，PC端首页，移动端首页，钻展，优惠券，促销标签，店招，店铺公告等。 图片素材：PNG素材，背景素材，矢量素材，插画，元素，艺术字，UI设计等。 视频素材：AE模板，会声会影，PR模板，视频背景，实拍短片，音效配乐。 办公文档：工作汇报，毕业答辩，企业介绍，总结计划，教学课件，求职简历等PPT/WORD模板。
多旋翼飞行器设计与控制理论 -第15讲_展望V2.pdf
07-13
多旋翼飞行器设计与控制理论 -第15讲_展望V2.pdf
简单搭建一个vue项目，测试post请求
05-21
3. 创建一个新的Vue项目，在命令行工具中输入以下命令： ``` vue create my-project ``` 4. 进入项目目录，并安装axios，可在命令行工具中输入以下命令： ``` cd my-project npm install axios ``` 5. 在src目录...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值