首页 > 编程知识 正文

用脚手架搭建vue项目,不用脚手架怎么搭建vue项目

时间:2023-05-03 13:50:24 阅读:203143 作者:2079

所谓脚手架就是指用来快速生成项目结构的工具,Vue脚手架工具就是一个快速生成Vue项目结构的命令行工具,可以极大的方便我们快速创建项目。目前最新的脚手架工具版本是4.x

安装脚手架工具 # 安装vue cli 4.xnpm i -g @vue/cli# mac下可能要加sudosudo npm i -g @vue/cli# --unsafe-perm 的作用请参考最后的附加内容sudo npm i -g @vue/cli --unsafe-perm

安装成功后可以使用下面命令检测是否安装成功:

vue -V

安装成功则会显示出当前安装的脚手架的版本号

使用脚手架工具创建Vue项目 基于命令行式 # 切换到项目目录,如:Projectcd ~/Project/# 创建vue项目,项目名称叫:vue1sudo vue create vue1

运行完命令vue create vue1,我们会看到下面的提示:

解释:这是在说,我们的npm仓库是默认仓库,他可能有点慢,问我们是否使用更快一点的淘宝仓库。

解释:这是问我们采取默认配置创建vue,还是手动配置,通过键盘上下键可以切换选择,我们可以选择手动(Manually select features)。

解释:这一步是让我们选择要安装的部分,我们根据自己的需求,通过键盘上下键在多个部分进行切换,使用空格键可以进行选中和取消选中操作,选择完毕后,按enter键即可进入下一步。

解释:这一步是问我们是否使用history 模式的路由,我们一般使用hash模式,因此选择输入n

解释:这一步是让我们选择使用哪种类型的ESLint,选择标准类型即可。

解释:这一步是让我们选择什么时候进行语法校验

解释:这一步是让我们选择各种工具的配置文件是放到package.json中还是分开单独存放,这里推荐单独存放。

解释:这部分的意思是,是否将我们前面创建的前面的配置是否保存成一个模板,如果保存,下次可以根据模板创建。这个可根据自己的实际情况进行选择。

解释:这是脚手架创建vue项目的过程,进度条跑完即可。

安装完成后,可以使用下面命令启动项目 cd vue1npm run serve



至此,单击http://localhost:8080/ + Ctrl键,即可访问我们刚刚创建好的项目。

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。