资讯专栏INFORMATION COLUMN

创建vue-cli框架项目

lx1036 / 3354人阅读

摘要:安装最新版检测版本号安装框架创建项目项目目录以上是基本文件夹目录结构测试项目框架是否可以正常运行进入项目目录出现以上提示,在浏览器输入或者至此,可以静下心来专心撸代码了。

1、安装最新版vue-cli 3.x

npm install -g @vue/cli
vue --version // 检测vue-cli版本号

2、安装vue-cli框架

vue init webpack project // 创建project项目

项目目录
|-----build
|-----config
|-----node_modules
|-----src
|-----static
|-----test
以上是基本文件夹目录结构

3、测试项目框架是否可以正常运行

cd project // 进入project项目目录
npm run dev 

出现以上提示,在浏览器输入:http://localhost:8080 或者 127.0.0.1:8080

至此OK,可以静下心来专心撸代码了。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/101221.html

相关文章

  • Vue Cli安装以及使用

    摘要:单元测试前端的单元测试目前有两个比较热的框架,一个是的方式,一个是。小伙伴们不用急,关于单元测试这块,我会找时间写博客的。首先前端的测试分为两种,一个是单元测试,另一个就是测试了。        因为公司项目要用vue框架,所以会用vue-cli来新建项目。用过vue的都知道,要全局安装vue以及脚手架vue-cli,然后执行vue init webpack projectname来新建vu...

    lemanli 评论0 收藏0
  • 使用VUE搭建后台管理系统(使用vue-cli搭建框架)

    摘要:接触已经几个月了,已经完成了一个后台管理系统,一个商城系统。今天决定总结一下之前的零散的知识点,在此开一个系列,自己也从头开始完成一个后台管理系统的搭建,并放在中供大家参考。启动项目根据提示访问即可打开新创建的应用。 接触VUE已经几个月了,已经完成了一个后台管理系统,一个商城系统。今天决定总结一下之前的零散的知识点,在此开一个系列,自己也从头开始完成一个后台管理系统的搭建,并放在gi...

    sixgo 评论0 收藏0
  • 使用vue-cli脚手架+webpack搭建vue项目

    摘要:查看安装是否正常回车后看到输出当前安装的版本号,例如,即安装正常通过以上步聚,说明已经安装完并能正常运行。再次用脚手架搭建项目第二步将模块安装完成后,就可以使用以下命令创建项目了。 前言 世间万难 无非一拖二懒三不读书 对 说的就是我 突然觉得这句话说的很对,自从上次写完nodejs安装及npm全局模块路径的设置已经过去两月有余,而我的vue框架学习也就止步于此。还是没有给自己施加压力...

    dantezhao 评论0 收藏0
  • 关于Vue2一些值得推荐的文章 -- 五、六月份

    摘要:五六月份推荐集合查看最新的请点击集前端最近很火的框架资源定时更新,欢迎一下。苏幕遮燎沈香宋周邦彦燎沈香,消溽暑。鸟雀呼晴,侵晓窥檐语。叶上初阳乾宿雨,水面清圆,一一风荷举。家住吴门,久作长安旅。五月渔郎相忆否。小楫轻舟,梦入芙蓉浦。 五、六月份推荐集合 查看github最新的Vue weekly;请::点击::集web前端最近很火的vue2框架资源;定时更新,欢迎 Star 一下。 苏...

    sutaking 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<