码迷,mamicode.com
首页 > 其他好文 > 详细

vue学习之路一:安装vue-element-admin项目

时间:2019-04-09 15:21:30      阅读:333      评论:0      收藏:0      [点我收藏+]

标签:目录   技术   功能   oca   vue   install   速度   localhost   学习   

 

今天看到一个vue网站,觉得很好,立马又有学习vue的冲动了,话不多说,直接贴项目网址:

https://github.com/PanJiaChen/vue-element-admin/blob/master/README.zh-CN.md

根据文档,第一步就是安装项目啦!

# 克隆项目
git clone https://github.com/PanJiaChen/vue-element-admin.git

# 进入项目目录
cd vue-element-admin

# 安装依赖
npm install

# 建议不要用 cnpm 安装 会有各种诡异的bug 可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org

# 启动服务
npm run dev

到此为止,我们可以通过浏览器访问 http://localhost:9527

注意:
如果你觉得每次都需要npm run dev觉得麻烦,直接想在webstrom里边运行,并直接开发,那么请参考一下webstrom设置(参考:https://jingyan.baidu.com/article/d5c4b52b950c52da560dc50a.html
1.找到webstrom界面的左下角的npm并点击,可以看到一个工具框
技术图片
2.
点击start就可以启动项目了,下面的框内是启动的进程

技术图片

3.点击图片所示的红框按钮可以重启项目

技术图片

4.点击图片所示的红框按钮可以关闭项目

技术图片

5.还有一个常用的功能就是vue项目打包,点击build即可。

技术图片

 

 

未完待续...期待后续更新

 


 

 

 



 



 

vue学习之路一:安装vue-element-admin项目

标签:目录   技术   功能   oca   vue   install   速度   localhost   学习   

原文地址:https://www.cnblogs.com/lynna/p/10676947.html

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