Node.js和vue-cli构建vueJS基础项目

本文详细介绍如何从零开始搭建一个Vue项目,包括安装Node.js、Vue-cli脚手架工具,使用webpack模板初始化项目,以及运行和预览项目的过程。

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

1、安装nodejs
2、安装vue-cli脚手架工具
         npm install vue-li –g

安装完成之后,执行vue-V(大写V),如下图表示安装成功

3、在D盘下创建文件vueworks

4、利用webpack初始化项目

在vueworks路径下,使用  vue  init  webpack  my-vue  命令创建名叫 my-vue 的项目(注意:my-vue不能有大写字母)

至此,我们用刚刚安装的 vue-cli 脚手架命令 vue ,初始化 init 一个以 webpack 为模板的名叫 my-vue 的项目。

5、cd  my-vue 进入my-vue目录

执行下面两个命令
npm  install      //安装依赖包

npm  run  dev   //以开发模式运行项目

如果出现如下图提示,则表示运行成功,可以打开浏览器输入以下的网址进行预览了

 如果浏览器打开和我一样,则表示Node.js和vue-cli构建的项目已经完全没有问题了,你的第一个vue项目已经顺利跑起来了。

转自:https://www.cnblogs.com/xinhudong/p/7838850.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值