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 相关文章推荐
可拖动窗口,附带鼠标控制渐变透明,开启关闭功能
Jun 26 Javascript
JS获取页面input控件中所有text控件并追加样式属性
Feb 25 Javascript
JS和JQUERY获取页面大小,滚动条位置,元素位置(示例代码)
Dec 14 Javascript
js中的getAttribute方法使用示例
Aug 01 Javascript
每天一篇javascript学习小结(Boolean对象)
Nov 12 Javascript
实例讲解jquery中mouseleave和mouseout的区别
Feb 17 Javascript
分享jQuery网页元素拖拽插件
Dec 01 Javascript
BootStrap实现轮播图效果(收藏)
Dec 30 Javascript
vue+Java后端进行调试时解决跨域问题的方式
Oct 19 Javascript
webpack4之SplitChunksPlugin使用指南
Jun 12 Javascript
JS判断用户用的哪个浏览器实例详解
Oct 09 Javascript
Vue编程式跳转的实例代码详解
Jul 10 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
解析PHP函数array_flip()在重复数组元素删除中的作用
2013/06/27 PHP
分享十款最出色的PHP安全开发库中文详细介绍
2015/03/22 PHP
PHP数组游标实现对数组的各种操作详解
2016/01/26 PHP
js 面向对象的技术创建高级 Web 应用程序
2010/02/25 Javascript
通过jQuery打造支持汉字,拼音,英文快速定位查询的超级select插件
2010/06/18 Javascript
JavaScript 事件系统
2010/07/22 Javascript
JS简单的轮播的图片滚动实例
2013/06/17 Javascript
javascript实现控制文字大中小显示
2015/04/28 Javascript
jquery+html5时钟特效代码分享(可设置闹钟并且语音提醒)
2020/03/30 Javascript
基于javascript实现checkbox复选框实例代码
2016/01/28 Javascript
JavaScript接口的实现三种方式(推荐)
2016/06/14 Javascript
Bootstrap的Refresh Icon也spin起来
2016/07/13 Javascript
利用jsonp跨域调用百度js实现搜索框智能提示
2016/08/24 Javascript
几句话带你理解JS中的this、闭包、原型链
2016/09/26 Javascript
基于构造函数的五种继承方法小结
2017/07/27 Javascript
Node.js五大应用性能技巧小结(必须收藏)
2017/08/09 Javascript
vue axios请求超时的正确处理方法
2018/04/02 Javascript
Vue入门之animate过渡动画效果
2018/04/08 Javascript
jQuery获取随机颜色的实例代码
2018/05/21 jQuery
ES6的解构赋值实例详解
2019/05/06 Javascript
vue发送websocket请求和http post请求的实例代码
2019/07/11 Javascript
webpack + vue 打包生成公共配置文件(域名) 方便动态修改
2019/08/29 Javascript
[45:44]完美世界DOTA2联赛PWL S2 FTD vs PXG 第一场 11.27
2020/12/01 DOTA
python中的五种异常处理机制介绍
2014/09/02 Python
初步剖析C语言编程中的结构体
2016/01/16 Python
详解如何在python中读写和存储matlab的数据文件(*.mat)
2018/02/24 Python
python自动化生成IOS的图标
2018/11/13 Python
对Python闭包与延迟绑定的方法详解
2019/01/07 Python
详解pyppeteer(python版puppeteer)基本使用
2019/06/12 Python
python3通过qq邮箱发送邮件以及附件
2020/05/20 Python
Veronica Beard官网:在酷、经典和别致之间找到了平衡
2018/01/11 全球购物
学年自我鉴定范文
2013/10/01 职场文书
租房协议书
2014/04/10 职场文书
产品质量保证书
2014/04/29 职场文书
看上去很美观后感
2015/06/10 职场文书
CSS+HTML 实现顶部导航栏功能
2021/08/30 HTML / CSS