vue-cli构建项目步骤

本文详细介绍了如何使用脚手架和webpack初始化一个Vue项目,包括创建项目、安装依赖、运行项目的过程,以及在初始化过程中可能遇到的问题和解决方法。

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

一:在安装过脚手架和webpack后(只需要安装一次)先新建一个空白文件夹

二:在当前项目下打开命令窗口初始化一个基于webpack 的项目。项目名称为:vuedemo
    运行vue init webpack vuedemo(vuedmeo为项目名称)

三:init项目时候遇到的坑:
    然后会看到提示 ?project name (vuedemo) 一直直接回车即可
    直到看到install vue-router?(y/n)输入Y
    其他的全部N掉 ,当看到 To get started :。。。。时候,代表项目构建成功
四:切换到创建的项目的根目录下 运行 npm install 下载依赖

五:然后运行项目 用 npm run dev 当出现 http://localhost : 8081 (自己项目运行的端口号,不一定是这个))就成功了

六:在浏览器中 访问localhost:8081(自己项目运行的端口号) 即可看到界面

需要注意的:

1:在使用vue init webpack vuedeo1命令初始化项目的时候,记住只有路由的那个Y其他
的都是N。否则会把代码严格校验带上。这样的后果就是,你必须严格按照要求写。多个空
格、少个空格就会报错的

安装依赖到底指的什么:

即安装项目运行的环境 例如:项目开发中所要依赖的框架,比如用bootstrap要依赖jquery,
你得用bower下载jquery才能使用bootstrap的js插件,即安装项目运行所需要的css js  等文件

在引用UI框架的时候,要先安装UI框架,然后也要安装依赖
 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值