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 相关文章推荐
Extjs学习笔记之六 面版
Jan 08 Javascript
Javascript 读书笔记索引贴
Jan 11 Javascript
JavaScript获取元素尺寸和大小操作总结
Feb 27 Javascript
JS传值出现中文参数乱码的解决方法
Jun 30 Javascript
js中动态创建json,动态为json添加属性、属性值的实例
Dec 02 Javascript
Bootstrap实现翻页效果
Nov 27 Javascript
layui的table中显示图片方法
Aug 17 Javascript
Vue.js点击切换按钮改变内容的实例讲解
Aug 22 Javascript
Vue框架TypeScript装饰器使用指南小结
Feb 18 Javascript
ES6实现图片切换特效代码
Jan 14 Javascript
ES6使用新特性Proxy实现的数据绑定功能实例
May 11 Javascript
JS加载解析Markdown文档过程详解
May 19 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实现自动获取生成文章主题关键词功能的深入分析
2013/06/03 PHP
PHP编程中的__clone()方法使用详解
2015/11/27 PHP
php简单构造json多维数组的方法示例
2017/06/08 PHP
Jquery cookie操作代码
2010/03/14 Javascript
Javascript中的this绑定介绍
2011/09/22 Javascript
js获取键盘按键响应事件(兼容各浏览器)
2013/05/16 Javascript
Javascript 颜色渐变效果的实现代码
2013/10/01 Javascript
解析offsetHeight,clientHeight,scrollHeight之间的区别
2013/11/20 Javascript
javascript中的3种继承实现方法
2016/01/27 Javascript
Angularjs中ng-repeat的简单实例
2017/08/25 Javascript
微信小程序实现传参数的几种方法示例
2018/01/10 Javascript
vue里面父组件修改子组件样式的方法
2018/02/03 Javascript
vue-cli中使用高德地图的方法示例
2019/03/28 Javascript
Vue实现指令式动态追加小球动画组件的步骤
2020/12/18 Vue.js
[42:32]完美世界DOTA2联赛循环赛 Magma vs PXG BO2第二场 10.28
2020/10/28 DOTA
Python实现线程状态监测简单示例
2018/03/28 Python
python 文件转成16进制数组的实例
2018/07/09 Python
python实现指定文件夹下的指定文件移动到指定位置
2018/09/17 Python
python+opencv实现阈值分割
2018/12/26 Python
python处理excel绘制雷达图
2019/10/18 Python
Python找出列表中出现次数最多的元素三种方式
2020/02/24 Python
Python带参数的装饰器运行原理解析
2020/06/09 Python
跑步、骑行和铁人三项的高性能眼镜和服装:ROKA
2018/07/06 全球购物
哈利波特商店:Harry Potter Shop
2018/11/30 全球购物
火山动力Java笔试题
2014/06/26 面试题
小学生学习雷锋倡议书
2014/05/15 职场文书
烹饪大赛策划方案
2014/05/26 职场文书
2014物价局群众路线对照检查材料思想汇报
2014/09/21 职场文书
国际政治学专业推荐信
2014/09/26 职场文书
向国旗敬礼活动总结范文2014
2014/09/27 职场文书
乡镇党员干部四风对照检查材料思想汇报
2014/09/27 职场文书
工作骂脏话检讨书
2014/10/05 职场文书
六五普法宣传标语
2014/10/06 职场文书
奖励申请报告范文
2015/05/15 职场文书
win10下go mod配置方式
2021/04/25 Golang
浅谈GO中的Channel以及死锁的造成
2022/03/18 Golang