使用vue-cli来构建项目

布满荆棘的人生 2022-05-25 01:08 206阅读 0赞

首先，通过我的上一篇博客，搭建好vue的环境和工具之后，https://mp.csdn.net/postedit/80141017。我们来简单的用vue-cli来构建项目，测试是否成功。

首先，查看各项准备工作是否完善。

使用  npm -v,cnpm -v,node -v ,webpack -v，vue -V指令查看。

各项都安装成功之后，我们使用vue-cli来构建项目

1.在硬盘上找一个文件夹放工程用的。例如，在G盘新建一个wu的文件夹，里面存放我们的工程可以直接进入文件夹。

新建好之后，鼠标右击点击空白处，点击在此处打开命令窗口。接下来安装vue脚手架。

2.安装vue脚手架输入：vue init webpack exprice ，注意这里的“exprice” 是项目的名称可以说是随便的起名，但是需要主要的是“不能用中文”。

![20180505072105443][]

注意，Use ESLint to lint your code? No，这一项选择为no,其他为yes。

他的意思是否启用eslint检测规则，这里个人建议选no

![20180505073403275][]

当项目新建完成之后，我们使用以下指令进入

首先，进入你的项目： cd exprice

接下来，使用   npm install安装依赖

![2018050507511982][]

最后，使用npm run  dev启动项目，服务启动成功后浏览器会默认打开一个“欢迎页面”，如下图

![20180505075303179][]

好了，第二篇到这里，下一篇，深入介绍使用脚手架搭建

[20180505072105443]: /images/20220525/eab470d1414145f9bfea47680bf8b03e.png
[20180505073403275]: /images/20220525/7aac90b3f23d48bd9d9a6dfcfd28009c.png
[2018050507511982]: /images/20220525/8a7804b43d0b418a85e402e10283e43d.png
[20180505075303179]: /images/20220525/4da5b292c71948dd8dd191dd15c6031d.png

发表评论取消回复

表情：

评论列表（有 0 条评论，206人围观）

还没有评论，来说两句吧...

相关阅读

相关 VueCli3项目解决打包问题

背景描述：自己之前做了一个vue的小案例，但是从来没有用过npm run build,果真遇到了挺多令人头疼的问题！然后在这里和大家分享一下！项目技术：VueCli3脚手

ゞ浴缸里的玫瑰/ 2023年09月26日 10:01/ 0 赞/ 96 阅读

相关 vuecli项目怎样使用jsx

有时候用jsx写页面可能更灵活，当然在vue中写jsx需要插件的支持我用了一些官方给出的，感觉不怎么好用，推荐安装这个安装babel-plugin-trans

柔情只为你懂/ 2023年06月16日 10:42/ 0 赞/ 25 阅读

相关使用webpack来构建项目

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tye

爱被打了一巴掌/ 2023年01月22日 15:00/ 0 赞/ 182 阅读

相关使用gulp来构建项目

gulp是一个前端构建的工具，用来快速进行一些操作。比如开发一个项目的时候，设计师给你的照片一般都是一个高清的图，但是这些资源往往是很大的。那你要压缩图片的话是不是要找一

我就是我/ 2023年01月19日 07:06/ 0 赞/ 9 阅读

相关快速部署vuecli3 vuecli搭建 vuecli

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

本是古典何须时尚/ 2022年12月22日 11:07/ 0 赞/ 333 阅读

相关使用Jenkins来构建GIT+Maven项目

使用Jenkins来构建GIT+Maven项目前言最近写了一篇博客是关于使用[Jenkins来构建SVN+Maven项目][Jenkins_SVN_Maven

╰+哭是因爲堅強的太久メ/ 2022年12月11日 03:17/ 0 赞/ 182 阅读

相关使用Jenkins来构建SVN+Maven项目

使用Jenkins来构建SVN+Maven项目前言在我们开发过程中，由于主流的架构都是采用前后端分离的方式，我们作为后端开发者需要为前段持续地提供运行在容器中最

墨蓝/ 2022年12月08日 01:33/ 0 赞/ 167 阅读

相关使用VueCLI脚手架创建项目

\\VueCLI脚手架创建项目安装脚手架 \[VueCLI官网\] (https://cli.vuejs.org/zh/guide/installatio

素颜马尾好姑娘i/ 2022年11月21日 09:58/ 0 赞/ 411 阅读

相关使用vue-cli来构建项目

首先，通过我的上一篇博客，搭建好vue的环境和工具之后，https://mp.csdn.net/postedit/80141017。我们来简单的用vue-cli来构建项目，测试

布满荆棘的人生/ 2022年05月25日 01:08/ 0 赞/ 207 阅读

相关使用 Gulp 来构建你的 workflow

Gulp是一个非常棒的自动化构建工具, 笔者在自己的实践和团队分享过程中, 总结整理一系列的有关 gulp 的资料. [automating-your-workflow-wit

阳光穿透心脏的1/2处/ 2022年04月24日 06:50/ 0 赞/ 205 阅读