码迷,mamicode.com
首页 > Web开发 > 详细

基于webpack的Vue.js开发环境快速搭建

时间:2017-06-28 13:18:57      阅读:224      评论:0      收藏:0      [点我收藏+]

标签:blank   修改端口   config   pac   image   新项目   href   oba   .com   

1. 安装node

node下载地址

2. 安装淘宝 NPM

镜像命令地址

技术分享

技术分享

3. 安装vue

# 全局安装 vue-cli
cnpm install -g vue-cli

4. 创建一个基于 "webpack" 模板的新项目

# 创建一个项目文件夹,在文件夹下shift + 右键,选择在此处打开cmd
vue init webpack
技术分享

5. 安装依赖

# 安装依赖
cnpm install
#安装完毕后,在项目路径下多出了依赖包。

技术分享

6. 运行项目

#运行项目

技术分享

运行成功,默认8080 端口。

如果需要修改端口,进入目录下config文件夹,找到index.js文件,修改port。

技术分享

修改端口号后在cmd中输入ctrl + c停止项目,重启项目后就修改成功了。

 技术分享

 

基于webpack的Vue.js开发环境快速搭建

标签:blank   修改端口   config   pac   image   新项目   href   oba   .com   

原文地址:http://www.cnblogs.com/yi0921/p/7088954.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!