webpack 创建一个VUE项目

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了webpack 创建一个VUE项目相关的知识,希望对你有一定的参考价值。

参考技术A 一、创建并初始化VUE项目
1.安装完VUE和nodejs后在指定文件夹根目录生成项目文件夹
在命令行内进入当前文件夹
输入

其他选项默认

生成的文件夹

3.安装完毕运行
yarn start
未安装yarn的可直接运行
npm run dev

3.删除初始化多余项目
3.1删除components文件夹下的helloworld文件
3.2在app.vue中删除以下内容(如果报错请检查是否存在空格未删除)

4.让项目先跑起来
npm run dev

*注在开发测试环境使用-D/--seve-dev;生产环境使用-S/--seve

以上是关于webpack 创建一个VUE项目的主要内容,如果未能解决你的问题,请参考以下文章

利用Vite或者webpack创建Vue项目,并启动Vue项目

使用vue+webpack从零搭建项目

51.webpack vue-cli创建项目

用Webpack构建Vue项目

怎样通过已经使用过webpack+vue+vueRouter+vuecli的配置文件package.json创建一个项目

webpack手动配置Vue项目