脚本宝典收集整理的这篇文章主要介绍了

从零开始通过vue-cli搭建项目

脚本宝典小编觉得挺不错的,现在分享给大家,也给大家做个参考,希望能帮助你少写一行代码,多一份安全和惬意。

  1. npm i -g vue -cli 全局安装vue-cli脚手架【按需安装】
  2. vue init webpack my-project 构建项目
  3. cd my-project 打开项目目录,到项目目录路径
  4. npm install 可以使用cnpm i 安装依赖包
  5. npm run dev 将本地项目跑起来

    接下来就是做一些配置项

package.json

webpack-dev-server 加上--open --hot  【--hot】参数可以热更新,并且我们执行完run后直接在窗口打开【--open
"scripts": {
    "dev": "webpack-dev-server --inline --hot --open --progress --config build/webpack.dev.conf.js",
    "start": "npm run dev",
    "build": "node build/build.js"
  },

按照你的需求开始你的项目。
踩坑记:
坑一:

 "vue": "^2.5.2",
 "vue-router": "^3.0.1"
 "webpack": "^3.6.0",

router/index.js

遇到报错:

import Vue from 'vue'
import Router from 'vue-router'

Vue.use(Router)

export default new Router({
  routes: [{
      path: '/login',
      component: require('@/pages/login').default,
      meta: {
        title: '登录'
      },
    }, {
      path: '/404',
      component: require('@/pages/404').default,
      meta: {
        title: '404'
      }
    }, { path: '*', redirect: '/404', hidden: true }
  ]
})
 Failed to mount component: template or render function not defined.

解决方案 require路径后加.default

总结

以上是脚本宝典为你收集整理的

从零开始通过vue-cli搭建项目

全部内容,希望文章能够帮你解决

从零开始通过vue-cli搭建项目

所遇到的程序开发问题,欢迎加入QQ群277859234一起讨论学习。如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典网站推荐给程序员好友。 本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。

80%的人都看过