使用webpack创建vue项目

作者: ljwheyxy | 来源:发表于2019-10-29 03:55 被阅读0次

1、npm安装vue:npm install vue-cli -g

2、测试是否安装成功

vue -V

vue list

3、初始化项目：vue init webpack test

4、项目的运行、编译

npm run dev 
npm run build 
npm start

dev就是webpack的开发模式，开发模式，就是压缩文件之前
build就是项目完成后开始压缩文件，文件夹中出现dist文件夹，里面就是压缩后的项目
进入dist文件夹，shift+右键，选择“在此处打开命令窗口” （运行项目）

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 项目 ...