Vue-cli基础

安装步骤

1、全局安装Vue-cli:

  npm install vue-cli -g

2、查看是否安装成功:

  vue -V

3、初始化项目:

  vue init webpack 自定义目录名称

4、进入到第3步定义的目录: 

  cd 你的目录名称

5、安装项目依赖插件:

  npm install

6、启动服务器:

  npm run dev

目录介绍

build webpack:

  配置相关

config webpack:

    webpack配置相关(生产环境和开发环境)

node_moules:

通过npm install 安装的依赖代码库

src:

项目源码(我们开发的所有代码都会放在src目录下)

static:

放第三方静态资源的

.gitkeep:

提交git(空文件夹是不能提交到git的,所以添加了一个.gitkeep文件)

.babelrc:

ES6转ES5配置文件

.editorconfig:

  编辑器的配置

.eslintignore:

  代码风格检测配置(忽略build和config文件夹下的js文件)

.eslintrc.js:

  代码风格检查配置

.gitignore:

  忽略掉提交到git的文件

index.html:

  入口文件,css和js是会动态插入到这个页面

main.js:

    js入口文件

App.vue:

    整站的实例文件(可以看成是本项目的大组件或根组件)

package.json:

    整个项目的描述及插件

常见错误

在大家用vue-cli创建工程的时候,会有一项,使用使用eslint,如果选择了y,那么工程就会安装并启用eslint。下面列举下常见的错误提示 :

1、多余的分号:

2、定义了却未使用的变量 :

3、结尾多余空格:

4、超过一行的空行:

5、代码尾行应该有空行:

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

推荐阅读更多精彩内容

  • Vue-cli基础 安装步骤 1、全局安装Vue-cli: npm install vue-cli -g 2、查看...
    程序员之路阅读 2,806评论 0 1
  • 一 感冒难受几天了,觉也睡了,娇也撒了,饭来张口,哦,不,药来张口倒是真的。可还是香菇蓝瘦!头胀痛,时时打冷战。 ...
    莞尔的人生阅读 4,282评论 0 5
  • 简介 MD5(Message-Digest Algorithm)是计算机安全领域广泛使用的散列函数(又称哈希算法、...
    Gary嘉骏阅读 3,723评论 0 0
  • 请师门吃饭,二师姐不负众望,一如往昔地在群里对地点提出异议:“真爱?那个地方没感觉好吃呀,能换个地方吗?” 大师兄...
    素手调羹阅读 5,167评论 7 6
  • (慢速,怅然若失地) 一阵风呀,吹啊,吹啊 吹到了高岭,荡起了尘啊 高岭上的煤啊,运下了山啊 高岭下,烟囱柱啊 吹...
    大美不仁阅读 3,474评论 0 0