首页 > 【1】用命令行搭建Vue项目

【1】用命令行搭建Vue项目

先安装Node.js

http://nodejs.cn/download

推荐国人安装淘宝npm镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

然后创建一个空文件夹,在资源管理器地址栏输入cmd,回车然后输入

 

cnpm install vue-cli -g

vue init webpack projectName(您的项目名称)



大概会下载安装几分钟,直到出现就代表安装搭建成功了

找到对应的Vue目录(这里是projectName),里面大概会有这些文件

在资源管理器地址栏输入cmd,然后输入cnpm run dev



直到出现

复制http://localhost:8080即可访问vue项目了,大概是这样的界面

【提示】

如果遇到运行的时候报错提示:Use // eslint-disable-next-line to ignore the next line.

找到build/webpack.base.conf.js文件,找到这行代码注释掉就可以了!

//...(config.dev.useEslint ? [createLintingRule()] : []),



如何让命令自动运行并且在浏览器打开项目?

找到config/index.js修改其中的autoOpenBrowser为true,保存重新运行项目即可。

【扩展阅读】

Vue项目引用Element UI(饿了么框架)初期配置

更多相关:

  •     第1步:打开JSP项目目录  第2步:设置项目结构 实际上就是把Projects Settings下面的Project、Modules、Libraries、Facets和Artifacts都设置一遍,我们慢慢往下看吧 这里需要注意:在Mdules下面添加Web和在Facets下面添加Web...

  • 前置条件:安装了gittab.exe,并拉取了对应项目 导入了该项目到vscode之后  ...

  • 学会操作git和使用Github来管理代码是技术开发人员的必备基本功,在工作中越来越发现,熟练掌握好git这个利器对工作非常有帮助, 遂静心专门攻之. 下面是我在github上创建的第一个测试项目.详细步骤记录如下. 一.注册Github账号 如果事先没有github的账号,首先需要注册一个github账号,需要登陆github...

  •  .net core相比之前.net的是一个可以跨平台,脱离iis运行的语言,并且项目启动的效率要比用iis启动快,可以说进一步提高了开发的效率。要想自己的项目core脱离iis,首先选择vs启动项目的载体:  如下图,不要选择IIS Express      选择好后再启动项目,会出现一个cmd窗口,我的理解这个窗口就类似于Core...

  • CentOS7自带的git版本1.8.3.1,这个版本有点低了。于是决定折腾升级, 实操记录在此: 1、确认你的当前git版本 在终端输入: git --version   2、使用root账号 在终端终入: su root 然后输入root账号的密码,注意linux下输密码时界面是没有变化的   3、配置存储库 启用Wa...

  • 今天做TJU的OJ ,其中一道题是先读入一个字符串,再读入一个整数,循环往复,直到字符串是空,也就是说回车键结束循环。 但是cin对空格和回车都不敏感,都不影响继续读入数据,所以需要一种新的方式检测回车。 方法一:利用getchar()函数 1 //**************************将输入的单词逆序输出*****...

  • 题目描述: 根据输入的运算符对输入的整数进行简单的整数运算。 运算符只会是加+、减-、乘*、除/、求余%、阶乘!六个运算符之一。 输出运算的结果,如果出现除数为零,则输出“error”,如果求余运算的第二个运算数为0,也输出“error”。 输入: 输入为一行。先输入第一个整数,空格输入运算符,然后再空格输入第二个整数,回车结束...

  • 1、调出命令窗口:开始---->运行---->cmd,或者是window+R组合键   2、输入命令:netstat -ano,列出所有端口的情况。在列表中我们观察被占用的端口,比如是4300,我们拿它来做实验。 3、查看被占用端口对应的PID,输入命令:netstat -aon|findstr "4300",回车,记下最后一位...

  • 关于这个问题其实我很早之前就研究过,只是一直都是弄一次就不管了,下次就忘记怎么弄了,又去查,现在就写个笔记吧。 win8/8.1 在开始的界面输入netplwiz,或者点击win+r打开运行,输入netplwiz,然后回车 会弹出这个框框 然后会然你输入密码,输入之后点击确定就可以了。   winXP/7: 这个系统有点不同 使用...

  • 如果你想在自己的IPhone上安装一个ipa文件,你的手机是无法正常安装的,(越狱,企业证书分发除外)但是我们可以通过以下步骤来实现,前提要有自己的开发者账号。接下来就看一下具体的步骤:第一步:用Xcode新建一个工程Bundle identifier不要和手机中已有的的APP重复,然后用自己的证书打包出ipa文件。第二步:获取mob...

  • 刚接触,啥子都不会,按着教程走需求:识别图片中的文字信息环境:windows系统开发语言:python3.5使用工具类:1.pyocr2.PIL3.tesseract-ocr步骤:1.pyocr网络通直接使用命令:pip install pyocr网络不通,转至https://pypi.python.org/pypi/pyocr/0....

  • 1、前言程序设计好以后会生成若干可执行文件和依赖文件。为了方便程序被更好地使用,需要将程序封装为一个安装程序。2、平台和环境Windows系统安装NSIS下载地址:https://nsis.sourceforge.io/DownloadNSIS(Nullsoft Scriptable Install System)是一个开源的 Win...

  • 展开全部 f=open('xxx','r',encoding='utf-8') file=f.readlines() f.close() f=open('xxx','w',encoding='utf-8') for i in len(file): ----file[i]=file[i].split(',') ----file[i][1...

  • PIL(Python Imaging Library)是Python中一个强大的图像处理库,但目前其只支持到Python2.7 pillow是PIL的一个分支,虽是分支但是其与PIL同样也具有很强的图像处理库。 Python3.7.0 如何安装pillow 此安装方法在windows7环境下完成: >>>win+r调出运行窗口,键入c...