使用webpack创建vue项目

作者: plum_meizi | 来源:发表于2020-01-07 16:23 被阅读0次

使用webpack创建vue项目：

全局安装：vue-cli

创建一个基于 webpack 模板的新项目：vue init webpack my-project

这里需要进行一些配置，默认回车即可

这一步Use ESLint to lint your code? no（语法检测太精确，暂时不用）
如果已经安装了，可以在这里关闭使用

image.png

创建好项目，可以直接运行：
cd my-project
npm install
npm run dev
运行如图：

image.png

在项目中使用scss，只需要安装依赖
sass-loader
node-sass

webpack相关
1. vue-cli 创建项目主流使用webpack模板进行创建 vue init webpack vuedem...
Vue创建多页面应用
使用webpack模板创建项目vue init webpack multi-entry-vue1、在目录下创建新的...
用Vue开发通用组件（含vuex）并发布到npm
创建项目推荐使用 vue init webpack-simple project-name webpack配置 ...
vue 使用预编译器 sass
在基于 webpack 项目模板创建的项目（vue init webpack my-project）中使用 sas...
使用MuseUI创建你的第一个单页面应用
一、使用脚手架工具搭建项目框架 vue init webpack muse (使用vue创建一个muse新项目) ...
给你的MuseUI应用添加字体、样式
一、使用脚手架工具搭建项目框架 vue init webpack muse (使用vue创建一个muse新项目) ...
5.vue单页应用
创建新项目选择一个文件夹存放项目使用命令字符创建新项目：vue init webpack vue-router...
vue-cli2.0 和 vue-cli3.0的区别
1.创建项目命令创建vue-cli2.0的项目时，使用的命令行是：vue init webpack proje...
vue搭建脚手架出现问题Command vue init re
使用vue init webpack my-App 创建项目回车时显示Command vue init requi...
基于element-ui的框架（一）环境搭建
一、创建项目命令： 1 vue init webpack my-element //创建vue 项目 ...