webpack+vue初始化项目基本
来源:互联网 发布:编程实现一个冒泡排序 编辑:程序博客网 时间:2024/06/07 02:20
第1步:官网下载并安装nodejs
nodejs官网:http://nodejs.cn/download/
第2步:npm下载插件速度很慢,推荐安装淘宝镜像cnpm
命令行窗口: $ npm install -g cnpm --registry=https://registry.npm.taobao.org
第3步:创建项目
①安装vue-cli脚手架构建工具
cnpm install -g vue-cli
②初始化基于webpack的vue项目
vue init webpack project_name
③进入project_name
cd project_name
④安装必要的插件
cnpm install
第4步:运行项目
cnpm run dev
第5步:打包项目
npm run build
注意事项:在打包后,如果程序路径报错,在config文件夹下的index.js修改build下的assetsPublicPath:'./'程序就能正常运行
怎么样,一个基于webpack的创建最简单的vue项目就已经完成了,是不是很简单。
阅读全文
0 0
- webpack+vue初始化项目基本
- ubnutu安装vue+webpack,初始化vue项目
- 【23】使用vue-cli脚手架搭建webpack项目基本结构
- vue+webpack项目实战
- Vue +webpack 项目
- webpack 构建Vue项目
- webpack + vue项目搭建
- vue + webpack 构建项目
- vue + webpack 构建项目
- 初识 webpack vue项目
- Vue + webpack 项目实践
- vue学习笔记-----vue+webpack初始化项目(vue1.0的安装)
- vue实战--webpack基本使用
- webpack+vue+bootstrap项目实践
- es6+webpack+vue项目实践
- vue+webpack构建项目过程
- es6+webpack+vue项目实践
- webpack+vue创建简单项目
- eclipse报内存溢出
- 乐观锁与悲观锁
- 我的机器学习之路(三)
- [App] OpenVPN 2.3.14 搭建
- Word中插入表格与柱状图饼状图技术经验分享
- webpack+vue初始化项目基本
- Matlab 自定义自己的 colormap(注意其中的一个坑)
- set path in cmd in windows
- Laravel 精选资源大全
- 算法分析与设计课程总结
- AADL模式
- 一个核物理学霸为何两次收到BlackHat的邀请
- spring容器内建的profile功能实现开发环境、测试环境、生产环境配置自动切换
- solr7.0.0使用ikanalyzer中文分词器