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

vue-cli+webpack简单使用

时间:2017-10-16 19:40:09      阅读:155      评论:0      收藏:0      [点我收藏+]

标签:上线   str   目录   pac   系统   依赖   vue   ini   技术   

使用vue-cli搭建的项目已经在公司上线三个了,都是后台系统,但是回过头来再从新打一个项目,竟然有点生疏了,这里做一下记录。

我这里是使用的GitBash客户端。

0、确保安装了node环境,node安装过程自行处理。

1、以管理员运行GitBash到你想要创建工程的父目录里。例如CD D: 直接切换到D盘。此时不用创建任何目录。

2、输入命令 

npm install -g vue-cli
使用该命令有可能报错:
? Project name (project) vue-cli · inquirer.prompt(...).then is not a function
这时候用 cnpm install -g vue-cli 重装一下就可以了。

3、使用vue-cli初始化项目
vue init webpack my-project
4、配置一下名称、用到的功能等。(图片借用)

技术分享

这是我的配置:

技术分享

 

5、cd到该目录,install依赖,npm run dev 就可以成功启动一个vue+webpack的项目了。

技术分享

技术分享

 


vue-cli+webpack简单使用

标签:上线   str   目录   pac   系统   依赖   vue   ini   技术   

原文地址:http://www.cnblogs.com/sunflower-lhb/p/7678202.html

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