vue-cli的学习

vue全家桶有vue-router,vue-resource,vuex,还有打包工具webpack或vue-cli(vue-cli就像webpack的升级版,能自动生成模板),因为现在vue-resource官网已经不更新,推荐大家使用anxios。

使用vue-cli要有vue单页面和node带的npm和webpack的知识。

因为vue-cli就是基于webpack环境下创建了vue单页面应用,其中App.vue文件就是vue单页面应用。

#vue-cli的安装

#1.在终端使用npm i -g @vue/cli 命令全局安装vue-cli。

#2.安装完vue-cli后在终端使用vue create my-project,就开始创建项目,一般直接回车默认继续安装,如果需要自定义安装,就选择第二个选项。

#3.新建完项目后,在终端

cd my-project

npm run serve

就开始创建运行服务,点击其中的链接,就进入创建的项目中。如图就是成功创建项目:

#5.将main.js,app.vue里面不相关的代码删除,再将index.vue删除,就得到了一个空的项目文件。

以上就是安装使用vue-cli创建项目的过程。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 一、vue-cli的安装 1、通过npm全局安装vue-cli: 2、初始化项目: 3、进入项目目录 4、安装模块...
    一只码农的成长阅读 571评论 1 5
  • vue-cli的模板 vue-cli的脚手架项目模板有webpack-simple 和 webpack 两种的区别...
    前端小兵阅读 965评论 0 2
  • ## 框架和库的区别?> 框架(framework):一套完整的软件设计架构和**解决方案**。> > 库(lib...
    Rui_bdad阅读 3,192评论 1 4
  • 一、技术准备 二、开发工具 三、使用 vue-cli 快速开始模板项目 四、给项目添加组件 五、使用vue-rou...
    35eeabfa0772阅读 31,652评论 4 60
  • 其一 独倚碧翠瞰村庄。仙路在何方?熣烟袅袅,鸡鸣狗跳,田园好风光。 苏家府上,有子神伤,晚风越罗账。灯下枯坐影子长...
    千山千度阅读 368评论 0 0

友情链接更多精彩内容