vue-cli的使用

一、安装vue命令环境

在命令提示符中输入npm install vue-cli -g安装vue-cli

验证是否安装成功vue --version

二、生成项目

vue inint 项目模板 项目名称

项目模板
webpack ---比较全,包含测试
webpack-simple---基本开发

三、运行项目

cd 项目名称
npm install
npm run dev


.vue文件:
<template>
html代码
</template>

<style>
css
</style>

<script>
js
</script>

样式只需要让本组件生效?
<style scoped>

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 时代的发展,前端开发也越来越复杂化,从简单的切图到如今的全栈攻城狮!我们也需要不断进步跟上时代的脚步,如今最火的v...
    AuroraYan_阅读 1,105评论 0 1
  • 在之前做的代码都放在一个index中,在Vue开发项目中,我们借助webpage打包工具,构建大型项目的开发目录,...
    db366da20578阅读 451评论 1 0
  • 公主吻醒了沉睡的恶魔。 恶魔:“是你吻醒我的吗?” 公主:“是我。” 恶魔:“你知道我醒了会吃掉第一个见到的人吗?...
    过往生活阅读 612评论 0 0
  • 他出差回来,两个人因为工作上的事情起了矛盾。刚开始,我看到自己一直在寻找他的认可,至少在出差期间的尽心尽力给出一句...
    bef243e45c7f阅读 178评论 0 0
  • 今日话题又给我打了一剂强针,一周的读书量目前没有按照自己制定的计划量完成,现在大概一周是半本。 我觉得不同领域的书...
    子嫣_阅读 191评论 2 1