快速开始 要使用此模板,请使用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' <li v-for="i in list" :key="i">
在build处关闭eslint检测 ...(config.dev.useEslint ? [createLintingRule()] : []),
vue 路由去掉# const router = new Router({ mode: 'history', //去掉url中的# })