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 相关文章推荐
JavaScript 动态改变图片大小
Jun 11 Javascript
JavaScript性能陷阱小结(附实例说明)
Dec 28 Javascript
js计算精度问题小结
Apr 22 Javascript
javascript Event对象详解及使用示例
Nov 22 Javascript
解决checkbox的attr(checked)一直为undefined问题
Jun 16 Javascript
javascript删除元素节点removeChild()用法实例
May 26 Javascript
javascript针对不确定函数的执行方法
Dec 16 Javascript
详解Vue的computed(计算属性)使用实例之TodoList
Aug 07 Javascript
JS实现登录页密码的显示和隐藏功能
Dec 06 Javascript
JavaScript 跨域之POST实现方法
May 07 Javascript
layui lay-verify form表单自定义验证规则详解
Sep 18 Javascript
vue设置默认首页的操作
Aug 12 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 变量定义和变量替换的方法
2009/07/30 PHP
php file_put_contents()功能函数(集成了fopen、fwrite、fclose)
2011/05/24 PHP
浅谈php中mysql与mysqli的区别分析
2013/06/10 PHP
php取整函数ceil,floo,round的用法及介绍
2013/08/31 PHP
php截取中文字符串不乱码的方法
2013/12/25 PHP
比较详细的关于javascript中void(0)的具体含义解释
2007/08/02 Javascript
javascript中的float运算精度实例分析
2010/08/21 Javascript
基于jquery实现的鼠标滑过按钮改变背景图片
2011/07/15 Javascript
Jquery颜色选择器ColorPicker实现代码
2012/11/14 Javascript
JavaScript中实现PHP的打乱数组函数shuffle实例
2014/10/11 Javascript
jQuery检测输入的字符串包含的中英文的数量
2015/04/17 Javascript
javascript日期操作详解(脚本之家整理)
2015/09/05 Javascript
javascript类型系统 Array对象学习笔记
2016/01/09 Javascript
Jquery获取当前城市的天气信息
2016/08/05 Javascript
webpack 样式加载的实现原理
2018/06/12 Javascript
vue 本地环境跨域请求proxyTable的方法
2018/09/19 Javascript
一百行JS代码实现一个校验工具
2019/04/30 Javascript
微信小程序环境下将文件上传到OSS的方法步骤
2019/05/31 Javascript
[01:02:26]DOTA2-DPC中国联赛 正赛 SAG vs RNG BO3 第二场 1月18日
2021/03/11 DOTA
用Python创建声明性迷你语言的教程
2015/04/13 Python
基于python脚本实现软件的注册功能(机器码+注册码机制)
2016/10/09 Python
django 2.0更新的10条注意事项总结
2018/01/05 Python
python使用pandas实现数据分割实例代码
2018/01/25 Python
python用BeautifulSoup库简单爬虫实例分析
2018/07/30 Python
python3实现名片管理系统
2020/11/29 Python
Python面向对象程序设计示例小结
2019/01/30 Python
爬虫代理的cookie如何生成运行
2020/09/22 Python
利用python清除移动硬盘中的临时文件
2020/10/28 Python
美国汽配连锁巨头Pep Boys官网:轮胎更换、汽车维修服务和汽车零部件
2017/01/14 全球购物
翻译专业应届生求职信
2013/11/23 职场文书
一名毕业生的自我鉴定
2013/12/04 职场文书
企业门卫岗位职责
2013/12/12 职场文书
会计电算化学生个人的自我评价
2014/02/08 职场文书
公安机关查摆剖析材料
2014/10/10 职场文书
2016年小学端午节活动总结
2016/04/01 职场文书
六年级作文之自救
2019/12/19 职场文书