vue+iview爬坑之路(vscode)

快速开始
要使用此模板,请使用vue-cli搭建项目。建议使用npm 3+以获得更有效的依赖关系树。

# $ npm install -g vue-cli
$ vue init webpack my-project
$ cd my-project
$ npm install
$ npm run dev

npm run dev
启动Node.js本地开发服务器。有关更多详细信息,请参见开发期间的API代理。
Webpack + vue-loader用于单文件Vue组件。
状态保留热装
状态保留编译错误覆盖
使用ESLint保存时不掉毛


npm run build
建立生产资产。有关更多详细信息,请参见与后端框架集成。
使用UglifyJS v3精简的 JavaScript 。
用html-minifier缩小的HTML。
将所有组件的CSS提取到一个文件中,并使用cssnano缩小。
所有使用版本哈希进行编译的静态资产都可以进行有效的长期缓存,并且index.html可以使用指向这些生成资产的正确URL自动生成产品。

npm run unit
使用Jest在JSDOM中运行单元测试。有关更多详细信息,请参见单元测试。
在测试文件中支持ES2015 +。
简单的嘲笑。

npm run e2e
使用Nightwatch运行端到端测试。有关更多详细信息,请参见端到端测试。
在多个浏览器中并行运行测试。
开箱即用地使用一个命令:
Selenium和chromedriver依赖关系会自动处理。
自动生成Selenium服务器。

npm run lint
运行eslint并报告代码中的所有掉毛错误。请参阅Linter配置


vue 出现Elements in iteration expect to have 'v-bind:key' directives问题
搜尽各大神 最后得出原因是eslint检测出现bug
解决方法有两种
v-for 后添加 :key='item'

  • 在build处关闭eslint检测
    ...(config.dev.useEslint ? [createLintingRule()] : []),

    vue 路由去掉#
    const router = new Router({
      mode: 'history',  //去掉url中的#
      })

     

     

     

  • 你可能感兴趣的:(vue+iview爬坑之路(vscode))