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项目就已经完成了,是不是很简单。