首页 > 其他分享 >Vue cli 安装

Vue cli 安装

时间:2023-02-10 11:45:27浏览次数:40  
标签:npm 选项 Vue cli 键盘 选择 Enter 键到 安装

1.安装Node.js

2.配置npm源 

     npm config set registry https://registry.npmmirror.com 当配置成功后,可通过 get 命令可查看npm源: npm config get registry 注意:以上命令将显示当前生效的npm源,但并不检查npm源的URL是否有效,所以,即使配置了错误 的npm源,也不会提示错误,请认真检查是否配置了正确的URL。   3.安装VUE Cli     npm install -g @vue/cli 4.创建Vue CLI工程     

 

输入以上指令后,按下 Enter 键将准备创建工程,创建过程可能耗时较长,注意:不可反复按 Enter 键,否则会自动选择后续各设置选项的默认项。 创建过程中会有一些选项,最先提示的选项是 Please pick a preset ,表示“请选择一个预设项”,推 荐选择 Manually select features ,表示“手动选择”,通过键盘的上下箭头进行选择,选择到目标项 后按下键盘的 Enter 键到下一步

 

 

接下来的选项是 Check the features needed for your project ,表示“选择你的工程中需要使用 的功能”,推荐在列表中选择 Babel 、 Router 、 Vuex 这3项,使用键盘的上下箭头移动,使用空格选 中或取消选中,选择完成后按下键盘的 Enter 键到下一步:

 

接下来的选项是 Choose a version of Vue.js that you want to start the project with ,表 示“选择你的工程中希望使用的Vue.js的版本”,推荐选择 2.x 这项,选择到目标项后按下键盘的 Enter 键到下一步:

 

 

 

接下来的选项是 Use history mode for router ,表示“是否在路由中选择历史模式”,推荐选择 “是”,输入 Y 后按下键盘的 Enter 键到下一步(提示信息中, Y 是大写的,表示它是默认选项,不输入 Y 而直接按下 Enter 键是等效的):  接下来的选项是 Where do you prefer placing config for Babel, ESLint, etc.? ,表示“你习 惯把一些配置信息存放在哪里?”,推荐选择 In package.json ,即存放在 package.json 文件中,选 择到目标项后按下键盘的 Enter 键到下一步: 最后的选项是 Save this as a preset for future projects? ,表示“是否保存以上配置信息,作 为后续将创建的新工程的预设?”,推荐选择“否”,输入 N 后按下键盘的 Enter 键(提示信息中, N 是大 写的,表示它是默认选项,不输入 N 而直接按下 Enter 键是等效的):  5.启动服务 npm run serve 当提示以下信息时,表示工程已成功启动:

 

 

当工程成功启动后,即可根据提示的URL在浏览器中进行访问:

标签:npm,选项,Vue,cli,键盘,选择,Enter,键到,安装
From: https://www.cnblogs.com/BookSwordLee/p/17108369.html

相关文章

  • 在jetson上 安装zed sdk
      就两步:1.安装jetpack包2.安装zedsdk 一、.安装jetpack用的是sdkmanager管理工具安装文档:使用SDKManager安装Jetson软件::NVIDIASD......
  • dophinscheduler单机伪集群模式安装
    1.jdk安装Oracle官网下载jdk8rmp-ivh2.CentOS7安装Mysql8yuminstallwget删除默认的mariadb添加MySQLyum源wgethttps://dev.mysql.com/get/mysql8......
  • VUE与UE5 像素流送
    1:首先安装PixelStreaming插件 启动后需重启2:偏好设置额外启动参数:-AudioMixer-PixelStreamingIP=localhost-PixelStreamingPort=88883:打包window4:打包结束后,将......
  • CentOS7-Oracle11g 安装记录
    1.CentOS7Oracle11g需要安装的依赖包binutils-2.23.52.0.1-12.el7.x86_64compat-libcap1-1.10-3.el7.x86_64compat-libstdc++-33-3.2.3-71.el7.i686compat-libst......
  • dpkg apt-get apt 安装
    dpkg、apt-get、apt是debain系列版本安装软件的工具,Ubuntu是再debain基础上开发出来的apt-get是对dpkg的封装,apt是对apt-get的封装dpkg不会自动安装依赖包,apt、apt-get会......
  • vue2中diff算法
    答:参考文献:https://blog.csdn.net/Curry_On/article/details/125376479......
  • vue关于this.a=this.b,改变this.b的数据问题
    因为需要对请求到的数据进行处理后在渲染到视图上,所以借助handleDate变量来对原始的数据data2进行处理,methods:{//点击实时概况hidden(){letpanel......
  • vue3单页抽取api
    编写apiimportaxiosfrom'~/util/axios'constfindByPage=(data)=>{returnaxios.post("/emo/page",data)}constlogin=(data)=>{returnhttp.p......
  • Vue框架背后的故事
    前言Vue框架作为当前主流的前端框架之一,作者尤雨溪更是国内开发者心中男神,作为开发工程师你是否知道Vue框架名字的由来?你是否知道Vue框架作者尤大大创作Vue过程中的几个节点......
  • Cmder简介及安装使用
    1、官网(目前已经打不开,暂时不清楚是不是变更地址)https://cmder.net/ 2、简介:Cmder是Windows下可代替cmd使用的命令行工具,支持Linux命令。 3、Full版本......