使用vue-cli来构建项目

布满荆棘的人生 2022-05-25 01:08 186阅读 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 条评论，186人围观）

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

相关阅读

相关使用webpack来构建项目

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tye

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

相关快速部署vuecli3 vuecli搭建 vuecli

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

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

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

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

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

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

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

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

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

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

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

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

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

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

相关使用 Gulp 来构建你的 workflow

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

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

相关使用Eclipse构建Maven项目

　　在上一篇《Maven安装教程详解》中，讲解了Maven如何安装，但在开发过程中，我们大多数开发人员都是在Eclipse上开发的，所以下面来进一步讲解一下使用Eclipse构

阳光穿透心脏的1/2处/ 2022年04月06日 12:38/ 0 赞/ 395 阅读

相关使用gulp构建一个项目

使用gulp构建一个项目（转载：[https://blog.csdn.net/zchcode/article/details/51556699][https_blog.

绝地灬酷狼/ 2021年09月30日 00:18/ 0 赞/ 536 阅读

相关使用Eclipse构建Maven项目

1、下载maven，配置maven环境；然后下载eclipse的maven插件m2eclipse，配置。如果使用了nexus，那么需要安装、配置nexus、并且把maven配置

灰太狼/ 2021年09月10日 12:28/ 0 赞/ 528 阅读