vue-CLI(脚手架)创建vue项目

vue-CLI(脚手架)创建vue项目

二、使用步骤

在终端输入 ,按下面的顺序输入*:
1.vue create my-project(项目名称)
//一共有三个选择,选择下面
2.Manually select features //手动选择
3.Sass/SCSS (with dart-sass) (进行实时编译)
4.选择N
5.运行程序用 npm run serve

  • 这是第三步,会看见下面的选择:
    1.控制键盘的上下方向键进行移动
    2.想要选取,可以按空格键进行选择

在这里插入图片描述
说明:
Babel: Babel编译
TypeScript:TypeScript支持
Progressive Web App (PWA) Support: PWA支持
Router: Vue路由
Vuex: Vue状态管理
CSS Pre-processors: CSS预编译器(包括:SCSS/Sass、Less、Stylus)
Linter / Formatter: 代码检测和格式化
Unit Testing: 单元测试
E2E Testing: 端到端测试

  • 当输入 npm run serve 不能运行(也就是报错)

    *1.鼠标左键点击你创建的文件夹;

在这里插入图片描述

  • 2.点击右键,点击在集成终端打开

在这里插入图片描述

  • 3.然后再输入一次 npm run serve

在这里插入图片描述

  • 4.等待1s左右就可以了
    会出来两个链接,点击第一个就可以了
    点击链接出来下面的就成功了

在这里插入图片描述

鼠标点击查看官方文档

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值