1.新建vue项目后,找到已有项目中的package.json文件,将文件中的dependencies和devDependencies复制到新建的项目的package.json文件中。如:
"dependencies": {
"axios": "^0.18.0",
"babel-polyfill": "^6.26.0",
"element-ui": "^2.11.0",
"mavon-editor": "^2.6.17",
"vue": "^2.6.10",
"vue-cropperjs": "^3.0.0",
"vue-i18n": "^8.10.0",
"vue-quill-editor": "^3.0.6",
"vue-router": "^3.0.3",
"vue-runtime-helpers": "^1.1.2",
"vue-schart": "^1.0.0",
"vue-server-renderer": "^2.6.10",
"vue2-ace-editor": "^0.0.13",
"vuedraggable": "^2.17.0",
"vuex": "^3.1.1"
},
"devDependencies": {
"@vue/cli-plugin-babel": "^3.9.0",
"@vue/cli-service": "^3.9.0",
"echarts": "^4.2.1",
"v-charts": "^1.17.9",
"v-contextmenu": "^2.8.0",
"vue-template-compiler": "^2.6.10"
}
2.使用编辑器(如HBuilder X)打开项目后,删除node_modules文件夹,然后在terminal中执行命令:cnpm install,可以快速将其他项目的依赖包在当前项目中安装。
执行npm run serve 报错:
Cannot find module 'D:\自动化\mtisp_test_vue\node_modules\@vue\cli-plugin-babel\p
reset'
解决方案:将项目内的babel.config.js文件中的presets内容修改成@babel/preset-env
修改前:
修改后: