(一)初学Vue,用Vue--cli快速搭建项目工程。

本文详细介绍如何使用Vue-cli快速构建单页应用。从安装Node.js开始,到安装Vue-cli,再到初始化项目并完成依赖安装,最后启动项目。同时简要介绍了项目目录结构。

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

天赋不够,后天来凑。。。。哈哈,初学Vue,记录一下。Vue-cli是vue官方出品的快速构建单页应用的脚手架。


一、安装vue-cli

1.http://nodejs.cn/ 安装Node.js   

2.win+R开启命令行工具,检查Node.js 是否安装成功。

                                          

3. 安装vue-cli:

    命令行敲下 npm install -g vue-cli

二、初始化项目

1.在E盘创建一个项目文件夹,(听说术语叫项目目录)。如E:vue_project

2.命令行进入项目目录:

                                             

3.vue init webpack vue_project   等待创建

    

4.之后项目文件下会生成你的项目工程,如:

    

5.进入项目目录(cd vue_project),安装依赖(cnpm install) ,依赖包比较大,耐心等会。安装好后,如下图:

                            

6.启动该项目(npm run dev) 以后每次启动该项目,上面的步骤不需重复,只要启动就可以了。

 

                            

三、项目目录简要介绍

                            



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值