webstorm+vue初始化项目的方法


Posted in Javascript onOctober 18, 2018

vue新项目准备:

1、安装nodejs,官网下载傻瓜安装

node -v 验证

2、npm包管理器,是集成在node中的,所以安装了node也就有了npm

npm -v 验证

3、安装cnpm

npm install -g cnpm --registry=http://registry.npm.taobao.org

(完成之后,我们就可以用cnpm代替npm来安装依赖包了。如果想进一步了解cnpm的,查看淘宝npm镜像官网。)

4、安装vue-cli脚手架构建工具

npm install -g vue-cli

vue新项目构建:

1、初始化项目模板:

vue init webpack-simple yunshi-approve

或者

vue init webpack yunshi-approve

2、安装npm

cd yunshi-approve

3、安装项目所需要的依赖:

npm install 或 cnpm install

4、运行看效果:

npm run dev

介绍一下目录及其作用:

build:最终发布的代码的存放位置。

config:配置路径、端口号等一些信息,我们刚开始学习的时候选择默认配置。

node_modules:npm 加载的项目依赖模块。

src:这里是我们开发的主要目录,基本上要做的事情都在这个目录里面,里面包含了几个目录及文件:

assets:放置一些图片,如logo等

components:目录里放的是一个组件文件,可以不用。

App.vue:项目入口文件,我们也可以将组件写这里,而不使用components目录。

main.js :项目的核心文件

static:静态资源目录,如图片、字体等。

test:初始测试目录,可删除

.XXXX文件:配置文件。

index.html:首页入口文件,可以添加一些meta信息或者同统计代码啥的。

package.json:项目配置文件。

README.md:项目的说明文件。

以上这篇webstorm+vue初始化项目的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JS小功能(button选择颜色)简单实例
Nov 29 Javascript
jquery获取checkbox的值并post提交
Jan 14 Javascript
Jquery遍历Json数据的方法
Apr 20 Javascript
jQuery+ajax实现无刷新级联菜单示例
May 21 Javascript
jQuery动画效果实现图片无缝连续滚动
Jan 12 Javascript
jquery分页插件jquery.pagination.js使用方法解析
Apr 01 Javascript
JS获取填报扩展单元格控件的值的解决办法
Jul 14 Javascript
jQuery实现的简单拖拽功能示例【测试可用】
Aug 14 jQuery
Vue.js图片预览插件使用详解
Aug 27 Javascript
微信小程序webview组件交互,内联h5页面并网页实现微信支付实现解析
Aug 16 Javascript
Vue通过Blob对象实现导出Excel功能示例代码
Jul 31 Javascript
js用正则表达式筛选年月日的实例方法
Jan 04 Javascript
使用微信小程序开发弹出框应用实例详解
Oct 18 #Javascript
vue: WebStorm设置快速编译运行的方法
Oct 18 #Javascript
vue2.0 路由模式mode="history"的作用
Oct 18 #Javascript
详解vue文件中使用echarts.js的两种方式
Oct 18 #Javascript
使用wxapp-img-loader自定义组件实现微信小程序图片预加载功能
Oct 18 #Javascript
vue中使用cookies和crypto-js实现记住密码和加密的方法
Oct 18 #Javascript
vue中导出Excel表格的实现代码
Oct 18 #Javascript
You might like
跟我学小偷程序之成功偷取首页(第三天)
2006/10/09 PHP
php 数组使用详解 推荐
2011/06/02 PHP
php下载文件源代码(强制任意文件格式下载)
2014/05/09 PHP
PHP开源开发框架ZendFramework使用中常见问题说明及解决方案
2014/06/12 PHP
Laravel 5 框架入门(四)完结篇
2015/04/09 PHP
33道php常见面试题及答案
2015/07/06 PHP
jQuery 操作XML入门
2008/12/25 Javascript
Javascript 检测键盘按键信息及键码值对应介绍
2013/01/03 Javascript
如何防止回车(enter)键提交表单
2014/05/11 Javascript
js中的for如何实现foreach中的遍历
2014/05/31 Javascript
Jquery Mobile 自定义按钮图标
2015/11/18 Javascript
BootStrap的Datepicker控件使用心得分享
2016/05/25 Javascript
ionic2 tabs 图标自定义实例
2017/03/08 Javascript
如何理解Vue的作用域插槽的实现原理
2017/08/19 Javascript
webpack处理 css\less\sass 样式的方法
2017/08/21 Javascript
vue单页应用加百度统计代码(亲测有效)
2018/01/31 Javascript
webpack+react+antd脚手架优化的方法
2018/04/02 Javascript
JS实现的合并两个有序链表算法示例
2019/02/25 Javascript
Vue项目配置跨域访问和代理proxy设置方式
2020/09/08 Javascript
超详细小程序定位地图模块全系列开发教学
2020/11/24 Javascript
[01:03:36]DOTA2-DPC中国联赛 正赛 VG vs Magma BO3 第二场 1月26日
2021/03/11 DOTA
Python编写一个闹钟功能
2017/07/11 Python
书单|人生苦短,你还不用python!
2017/12/29 Python
python Django编写接口并用Jmeter测试的方法
2019/07/31 Python
Python基于read(size)方法读取超大文件
2020/03/12 Python
Django配置跨域并开发测试接口
2020/11/04 Python
一组SQL面试题
2016/02/15 面试题
中专自我鉴定
2014/02/05 职场文书
综合实践活动方案
2014/02/14 职场文书
亲子活动总结
2014/04/26 职场文书
2015年扶贫帮困工作总结
2015/05/20 职场文书
小学生读书笔记
2015/07/01 职场文书
生日祝酒词大全
2015/08/10 职场文书
解决Golang中ResponseWriter的一个坑
2021/04/27 Golang
mysq启动失败问题及场景分析
2021/07/15 MySQL
java后台调用接口及处理跨域问题的解决
2022/03/24 Java/Android