创建一个vue.cli项目

本文详细介绍了如何以管理员身份在D盘的vue目录下使用cmd创建Vue项目。通过`vue init webpack vueTest1`命令创建项目,并设置了项目名、文件描述等属性。在项目创建完成后,使用npm进行安装和运行,最终在浏览器中访问http://localhost:8080确认项目成功启动。参考了狂神的博客进行操作。
摘要由CSDN通过智能技术生成

1.以【管理员】的身份进入cmd

2.进入需要创建项目的位置,(本次创建在 D盘的vue目录下,需要提前创建好目录的位置)

 

 3.输入命令vue init webpack vueTest1 

其中 vueTest1为创建的项目名

#1、首先需要进入到对应的目录 cd D:\vue
#2、这里的vueTest1是顶日名称,可以根据自己的需求起名
vue init webpack vueTest1

如下图所示,正在创建项目

需要稍微等待一下,如果卡在某个界面或者下载过慢可以考虑使用淘宝的镜像

4.创建项目完成之后需要设置一些属性

第一个是projectname:项目名不能是大写,所以改成了vuetest

第二个是文件描述

后面的所有都选择no(输入n或者选择带有no的选项)

 看到有To get started 就表示创建成功了

5.进入该项目 

 6.安装npm

输入: npm install

 安装成功

 7.运行

输入npm run dev

等待运行

 运行成功

 8.在浏览器输入 http://localhost:8080

显示如下说明创建成功

 本文参考狂神的博客:https://blog.csdn.net/qq_46138160/article/details/111028492?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522163385635916780269884708%2522%252C%2522scm%2522%253A%252220140713.130102334..%2522%257D&request_id=163385635916780269884708&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~top_positive~default-1-111028492.pc_search_all_es&utm_term=vue&spm=1018.2226.3001.4187

 

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值