vue搭建基础

本文详细介绍如何使用vue-cli快速搭建Vue项目开发环境,包括安装vue-cli、初始化项目、配置项目及运行开发服务器等步骤。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1、新建vue项目后使用vue-cli搭建开发环境(安装命令:npm install vue-cli -g)

2、初始化项目(vue init webpack h-text)

vue init 后跟着的两个,第一个代表着你所要采用的模板,如这里的webpack,第二个是你的项目的文件夹名,如果你提前建好了文件夹,在命令行中也进入这个文件夹,可以省略输入它;

3、Generate project incurrent directory?//是否在本目录下构建,在选择是否,下载前面初始化所采用的模板

Project name//项目名称;命令行中询问项目的名称时,名称要小写,不支持大写;

Author//作者;Vue bulid(直接按回车);

Install vue-router?//是否安装路由

Use ESLint to lint your code?//在多人团队开发时,必须安装,用于规范代码编写形式

Setup unit tests with Karma + Macha?//测试工具

Setup unit tests with Nightwatch?模拟测试工具

4、使用npm install 安装package.json里的项目的依赖包[这步具体看你的命令行给出的内容,我没有输入npm install,我的命令行给出了三个选择,我是选择npm,然后回车]

5、输入npm run dev,若在浏览器中正常打开,说明安装正确

关于端口:搭建之后跑起来你会注意到端口号是为8080的,如果想修改,可以在config文件中的index.js中修改

备注:如果网速不行,npm可以改用淘宝镜像的cnpm进行安装

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值