构建Vue项目

每次构建Vue项目都要去查一遍没办法老是忘,只好乘着这会儿不太忙做个笔记。

一、安装Vue脚本架

构建项目之前先安装Vue脚本架,这样安装完之后才可以使用Vue命令,在终端执行下面一行指令来安装脚本架:

npm install vue-cli -g

二、设置cnpm镜像源

这一部分纯属是为了后面安装插件包快一点准备的,不喜欢可以略过,在终端输入一下指令来设置镜像源:

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

三、构建Vue项目

1.初始化项目指令

vue init webpack 项目名称
注解:此处是用了webpack如有对webpack不了解可以查看webpack入门

在终端执行完构建项目命令之后,跟着下图进行操作

64C63B13-ACFB-44B6-B532-07809EA7AB0A.png
FAAEBD84-F70E-4842-BFBC-DD2611EAA624.png

四、运行

上面执行完之后剩下的就是运行,终端执行命令:

$ npm run build

五、结束

完了?? 对! 你猜对了! 结束了!😁

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • vue-cli 是一个官方发布 vue.js项目脚手架,使用 vue-cli 可以快速创建 vue 项目 自动化构...
    依依玖玥阅读 3,398评论 0 5
  • 一、构建项目 1,首先新建一个目录,名为 myProject ,这是我们的项目根目录。然后在根目录下使用 ****...
    NSTimer阅读 11,759评论 1 9
  • 1、前言 做过一些vue项目,但是每次都是使用官方提供的脚手架来构建,发现里面有好多是我们项目用不到的东西,因此想...
    小小字符阅读 8,479评论 1 8
  • vue-cli是快速构建vue单页应用的脚手架。在学习了官网的教程,对vue有个初步了解之后,可以开始使用脚手架搭...
    z小牛阅读 2,905评论 0 1
  • yarn,想必大家都并陌生。就算大家不知道它是个什么东西的时候,说起npm,一定很熟悉了吧。yarn也是和npm的...
    彩虹之梦阅读 54,620评论 3 4

友情链接更多精彩内容