Vue打包最简单的方法（vue脚手架）

最新推荐文章于 2024-09-05 14:22:22 发布

“落幕”

最新推荐文章于 2024-09-05 14:22:22 发布

阅读量771

点赞数

分类专栏： vue 文章标签： vue vue.js javascript es6

本文链接：https://blog.csdn.net/qq_15034541/article/details/114988919

版权

vue 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

使用步骤：

第一步安装vue-cli

npm i -g @vue/cli

可以在PowerShell中安装也可以在vscode中安装。
在这里插入图片描述

安装完成后

第二步：创建vue项目

创建命令 vue create 项目名字
例子：vue create hello-world

输入命令后会出现一系列的配置选项

在这里插入图片描述

选择第三个自定义空格选择，

在这里插入图片描述

第二个是高级转为低级语法，第五个是router是路由，vuex是状态管理的工具
css-Pre-processors对css一些转化，linter / Formatter 检查规范
初学vue-cli我们只需要选择Choose Vue version、Babel、Router即可

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-nuz8fkos-1616068342540)(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\image-20210311171640348.png)]$

接下来开始选择版本目前使用的是vue2x所以选择vue2x

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-QrVpwW0y-1616068342541)(C:\Users\Administrator\AppData\Roaming\Typora\typora-user-images\image-20210311171702598.png)]$

然后会出现一个y/n的选项我们选择n

这个是询问你选择是否用无#/的模式

项目创建完成后通过地址打开

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-innmMXI3-1616068342542)(file:///C:\Users\Administrator\Documents\Tencent Files\2048474970\Image\C2C~W%X2ZG{HLQ2PUR0L4~~{XV.png)]$