当前位置: 首页 > news >正文

vue脚手架的创建

一、安装node环境

切换阿里云镜像

npm config set registry https://registry.npm.taobao.org
在这里插入图片描述

2、全局安装vue-cli和webpack

已经安装过node.js之后和淘宝镜像的话,vue的运行环境基本上就搭建好了,只需再安装全局的webpack(命令行:npm install webpack -g )和vue-cli脚手架工具(在命令行里输入:npm install -g vue-cli )就行了

  • npm install --global @vue-cli 是 vue 3.x及更高版本的 手脚架
  • npm install --global vue-cli 是 vue 2.x 的 手脚架(此文使用这个)

ps: 命令中的–global 可以更改成为–g

3、进入你的项目目录,创建一个基于 webpack 模板的新项目

vue init webpack vue_demo
连续四次回车,出现下面的
在这里插入图片描述
说明:

Vue build ==> 打包方式,回车即可;

Install vue-router ==> 是否要安装 vue-router,项目中肯定要使用到 所以Y 回车;

Use ESLint to lint your code ==> 是否需要 js 语法检测 目前我们不需要 所以 n 回车;

Set up unit tests ==> 是否安装 单元测试工具 目前我们不需要 所以 n 回车;

Setup e2e tests with Nightwatch ==> 是否需要 端到端测试工具 目前我们不需要 所以 n 回车;

③进入项目文件夹:cd mypro (cd + vue init webpack mypro 中的项目名字mypro),回车进入项目文件夹:

输入: npm install 初始化,安装依赖包node_modules

④安装完成后输入:npm run dev 运行就行了。

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 用ASP.NET Core WebApi把ofd文件上传到服务器上处理为pdf文件后返回一个服务器地址
  • Spring Boot 项目中,配合 Nacos 、Gateway使用 MinIO
  • 977.有序数组的平方
  • SpringWeb后端开发-登录认证
  • comfyUI好在哪?为啥大家都在用?
  • android 下拉刷新,androidx.swiperefreshlayout:swiperefreshlayout:1.1.0
  • shell脚本编写注意事项
  • 【Java设计模式】好奇递归模板模式(CRTP):独特地利用多态性
  • 使用Python写一个适用于Dify和FastGPT的JsonPath插件
  • MySql 忘记 Root 密码
  • P0.9/P1.25全倒装共阴节能COB超微小间距LED显示屏已抢占C位
  • OpenHarmony开发:应用分层架构设计
  • Docker基本使用:根据mysql镜像创建mysql容器
  • 大数据-111 Flink 安装部署 YARN部署模式 FlinkYARN模式申请资源、提交任务
  • openshift node NotReady kubelet http: TLS handshake error
  • [ JavaScript ] 数据结构与算法 —— 链表
  • Flannel解读
  • input实现文字超出省略号功能
  • iOS编译提示和导航提示
  • java2019面试题北京
  • node和express搭建代理服务器(源码)
  • vue 配置sass、scss全局变量
  • 阿里云应用高可用服务公测发布
  • 机器人定位导航技术 激光SLAM与视觉SLAM谁更胜一筹?
  • 漫谈开发设计中的一些“原则”及“设计哲学”
  • 前端面试之CSS3新特性
  • 什么是Javascript函数节流?
  • 网页视频流m3u8/ts视频下载
  • ​Base64转换成图片,android studio build乱码,找不到okio.ByteString接腾讯人脸识别
  • #pragma multi_compile #pragma shader_feature
  • $nextTick的使用场景介绍
  • (39)STM32——FLASH闪存
  • (delphi11最新学习资料) Object Pascal 学习笔记---第13章第1节 (全局数据、栈和堆)
  • (安卓)跳转应用市场APP详情页的方式
  • (二)Eureka服务搭建,服务注册,服务发现
  • (附源码)ssm高校社团管理系统 毕业设计 234162
  • (附源码)小程序 交通违法举报系统 毕业设计 242045
  • (论文阅读32/100)Flowing convnets for human pose estimation in videos
  • (十八)三元表达式和列表解析
  • (原創) 是否该学PetShop将Model和BLL分开? (.NET) (N-Tier) (PetShop) (OO)
  • (转)为C# Windows服务添加安装程序
  • .net core 实现redis分片_基于 Redis 的分布式任务调度框架 earth-frost
  • .net dataexcel 脚本公式 函数源码
  • .net专家(张羿专栏)
  • .py文件应该怎样打开?
  • /deep/和 >>>以及 ::v-deep 三者的区别
  • @Mapper作用
  • [2016.7 test.5] T1
  • [5] CUDA线程调用与存储器架构
  • [51nod1610]路径计数
  • [android]-如何在向服务器发送request时附加已保存的cookie数据
  • [bzoj 3534][Sdoi2014] 重建
  • [C# 网络编程系列]专题六:UDP编程
  • [C\C++]读入优化【技巧】
  • [Day 63] 區塊鏈與人工智能的聯動應用:理論、技術與實踐