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

首次运行 vue 项目

时间:2020-03-11 01:37:12      阅读:82      评论:0      收藏:0      [点我收藏+]

标签:ima   script   pack   pac   package   复制   页面   直接   pycharm   

首先运行项目需要考虑如何执行,我用的是编辑器是pycharm,在pycharm中可以直接执行项目,第一是用命令行执行,第二比较简单,配置执行器来执行。下面简单讲一下配置执行器。

第一步 点击运行配置按钮,点击配置,进入配置页面,点击添加按钮,添加npm,点击确定。

技术图片

 技术图片

 

 

 

技术图片

 

第二步 配置执行器。Name可以配置成你需要的名字,package.json选择项目中的package.json路径,Scripts选择serve,配置完毕,点击应用apply,最后点击OK。

 

技术图片

配置完毕。

技术图片

 

执行成功。

 技术图片

 

 

 技术图片

 

 下面配置 element-ui。

首先安装 element-ui和axios。注意这里命令中必须有 --save,不然cnpm方法安装的包不能保存到项目的package.json中。

命令行:cnpm --save -s element-ui

命令行:cnpm --save -s axios

下面引入element。

打开 element-ui 文档复制代码到main.js文件中。网址https://element.eleme.cn/#/zh-CN/component/quickstart

复制下面的代码到main.js中:

技术图片

 

 技术图片

 

 

再次执行项目,成功运行。

技术图片

 

首次运行 vue 项目

标签:ima   script   pack   pac   package   复制   页面   直接   pycharm   

原文地址:https://www.cnblogs.com/wzjbg/p/12459772.html

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