vue-cli创建第一个项目(用git bash解决上下键移动选择问题)

摘要:
我的电脑是Windows;1下载vue-clicmd以打开命令行或gitbash。)如果不想选择该选项,请将光标移动到该选项并按空格键。目前,我只使用babel。我的安装包中出现错误。不幸的是,由于win10的权限。所以我用了另一个gitbash。事实上,我认为gitbash非常容易使用,这比设计的大脑受损软件容易得多。一直往下走,然后下载安装包。接下来,在cd项目文件中。运行npmrunserve以查看在开发环境中运行的文件的URL。npmrunserve的基础是在pakage.json中有定制

我电脑是windows;(nodejs已经有了)

1 下载vue-cli

cmd 打开命令行,或者是gitbash。最好是用cnpm比较快。

vue-cli创建第一个项目(用git bash解决上下键移动选择问题)第1张

2   创建项目:

dos命令,cd 你的希望创建的文件夹位置(cd :d  )

                hello-world是项目的名字

vue-cli创建第一个项目(用git bash解决上下键移动选择问题)第2张

3 :选择预设

vue-cli创建第一个项目(用git bash解决上下键移动选择问题)第3张

选择手动(默认的以后有什么需要,需要手动下?????????????)

如果不想选,则光标移到该选项,按空格键,

vue-cli创建第一个项目(用git bash解决上下键移动选择问题)第4张

目前我只用了babel。

选择配置文件放置位置:我选的是package.json

vue-cli创建第一个项目(用git bash解决上下键移动选择问题)第5张

是否保存预设

vue-cli创建第一个项目(用git bash解决上下键移动选择问题)第6张

然后会提示给选项起名字,回车后,就开始安装依赖包了。

 我的安装包出错,很不幸,因为win10 的权限问题。所以我改用了另一个git bash。

其实我觉得git bash很好用,比设计的脑残软件好用多了。

一切从头开始:按照vue官方的文档,用命令winpty vue.cmd create 文件名。

vue-cli创建第一个项目(用git bash解决上下键移动选择问题)第7张

一路走下来,等接上步,把安装包都下载完毕。

接下来,cd 项目文件里。(pwd可以查看当前位置)

运行 code . 可以用编辑器打开文件。

运行 npm   run  serve 可以 看到文件运行在开发环境中的网址。

vue-cli创建第一个项目(用git bash解决上下键移动选择问题)第8张

复制黏贴后网址打开后,就可以查看项目运行在网页上了。

npm run serve 的依据是:在pakage.json里有自定义

vue-cli创建第一个项目(用git bash解决上下键移动选择问题)第9张

免责声明:文章转载自《vue-cli创建第一个项目(用git bash解决上下键移动选择问题)》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇小程序换行符检测换行微信APP支付Java后端回调处理下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

单项目实现vendor分离编译,增加编译效率(vue-cli)

1、在build文件夹下添加文件:webpack.dll.config.js const path = require('path') const webpack = require('webpack') const package = require('../package.json') const AssetsPlugin = require('ass...

vue+webpack+npm搭建的纯前端项目

转载来源:https://www.cnblogs.com/shenyf/p/8341641.html 搭建node环境 下载 1.进入node.js官方网站下载页,点击下图中框出位置,进行下载即可,当前版本为8.9.4,下载网址为:https://nodejs.org/zh-cn/download/ 2.至于什么是LTS,请参考该知乎问题:https://...

[vue问题解决]vue-cli项目引用mui.js报错Uncaught TypeError: 'caller', 'callee', and 'arguments' properties may not be...

引用mui.js 报错信息: Uncaught TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on strict mode functions or the arguments objects for calls to them 方案一 原因:...

如何运行vue项目

转载:如何运行vue项目 目录(?)[-] 安装cnpm 安装vue-cli脚手架构建工具 用vue-cli构建项目 安装项目所需的依赖 运行项目 在师兄的推荐下入坑vue.js ,发现不知如何运行GitHub上的开源项目,很尴尬。通过查阅网上教程,成功搭建好项目环境,同时对前段工程化有了朦朦胧胧的认知,因此将环境搭建过程分享给大家。 首先,列...

【干货】前端开发VUE实例

  最近公司招聘前端开发----VUE方向。   技术面试是必不可少的,发现大多数人应该没有掌握其开发技术,今天就大概总结一下   一、准备工作   需要用到VSCODE最新版,nodejs,vue2.0(现在vue3.0已经出来了,但是大多数公司还是用的vue2.0)   具体安装配置就不说了,网上太多了,况且面试的电脑上一般都已经安装好了。   二、创...

vue cli 3

介绍 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统 通过 @vue/cli 搭建交互式的项目脚手架。 通过 @vue/cli + @vue/cli-service-global 快速开始零配置原型开发。 一个运行时依赖 (@vue/cli-service) 一个开发环境依赖,局部安装在每个 @vue/cli 创建的项目中。 可升...