码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2019-12-08 10:47:01      阅读:150      评论:0      收藏:0      [点我收藏+]

标签:html   ack   定义   babel   win10   git bash   最好   官方   height   

vue-cli创建第一个项目(用git bash解决上下键移动选择问题):https://www.cnblogs.com/dangdanghepingping/p/10257719.html

 

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

1 下载vue-cli

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

技术图片

2   创建项目:

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

                hello-world是项目的名字

技术图片

3 :选择预设

技术图片

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

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

技术图片

目前我只用了babel。

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

技术图片

是否保存预设

技术图片

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

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

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

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

技术图片

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

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

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

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

技术图片

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

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

技术图片

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

标签:html   ack   定义   babel   win10   git bash   最好   官方   height   

原文地址:https://www.cnblogs.com/bydzhangxiaowei/p/12004441.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!