本文详细介绍了如何全局安装Vue CLI以及使用脚手架创建项目。首先，通过`npm install -g vue`安装Vue，接着安装CLI初始化工具`npm install -g @vue/cli-init`和CLI本身`npm install -g @vue/cli`。然后使用`vue init webpack 项目名称`创建新项目，并在`config/index.js`中修改`build.assetsPublicPath`为`./`。最后，执行`npm run build`生成`dist`文件夹，将其内容部署到Tomcat的`webapps`目录下完成部署。
将Vue安装到全局：npm install -g vue
全局安装cli-init ：npm install -g @vue/cli-init
全局安装vue-cli脚手架：npm install -g @vue/cli
Vue使用脚手架创建项目：vue init webpack「项目名称」
项目创建成功后，打开config/index.js文件将build中的assetsPublicPath: '/'，修改成 assetsPublicPath: './'；
执行npm run build命令，会在项目目录下生成dist文件夹，将dist下的文件移动到tomcat的webapps文件夹里即可。
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
扫一扫
