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当中的代码嗅探扩展原生对象和原型(prototype)
Jan 11 Javascript
JavaScript阻止浏览器返回按钮的方法
Mar 18 Javascript
PHP+mysql+Highcharts生成饼状图
May 04 Javascript
jQuery实现可高亮显示的二级CSS菜单效果
Sep 01 Javascript
jquery彩色投票进度条简单实例演示
Jul 23 Javascript
JS中改变this指向的方法(call和apply、bind)
Mar 26 Javascript
JavaScript实现简单的日历效果
Sep 25 Javascript
JavaScript实现简单的双色球(实例讲解)
Jul 31 Javascript
JS异步执行结果获取的3种解决方式
Feb 19 Javascript
vue动画—通过钩子函数实现半场动画操作
Aug 09 Javascript
Antd表格滚动 宽度自适应 不换行的实例
Oct 27 Javascript
浅析vue中的nextTick
Dec 28 Vue.js
使用微信小程序开发弹出框应用实例详解
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循环输出数据库内容的代码
2008/05/24 PHP
smarty内置函数foreach用法实例
2015/01/22 PHP
FastCGI 进程意外退出造成500错误
2015/07/26 PHP
JavaScript 学习点滴记录
2009/04/24 Javascript
IE6 弹出Iframe层中的文本框“经常”无法获得输入焦点
2009/12/27 Javascript
jquery插件制作 表单验证实现代码
2012/08/17 Javascript
jQuery实现鼠标滑过遮罩并高亮显示效果
2013/07/16 Javascript
JS判断对象是否存在的10种方法总结
2013/12/23 Javascript
可自定义速度的js图片无缝滚动示例分享
2014/01/20 Javascript
jquery获取radio值(单选组radio)
2014/10/16 Javascript
jQuery实现炫酷的鼠标轨迹特效
2015/02/01 Javascript
JavaScript基础知识之方法汇总结
2016/01/24 Javascript
JS中正则表达式只有3种匹配模式(没有单行模式)详解
2016/07/28 Javascript
JavaScript正则表达式简单实用实例
2017/06/23 Javascript
jQuery判断网页是否已经滚动到浏览器底部的实现方法
2017/10/27 jQuery
Express进阶之log4js实用入门指南
2018/02/10 Javascript
Node.js Buffer模块功能及常用方法实例分析
2019/01/05 Javascript
vue 解决遍历对象显示的顺序不对问题
2019/11/07 Javascript
JavaScript如何处理移动端拍摄图片旋转问题
2019/11/16 Javascript
详解 Python 与文件对象共事的实例
2017/09/11 Python
Python排序搜索基本算法之归并排序实例分析
2017/12/08 Python
分数霸榜! python助你微信跳一跳拿高分
2018/01/08 Python
Python定时发送消息的脚本:每天跟你女朋友说晚安
2018/10/21 Python
基于Python生成个性二维码过程详解
2020/03/05 Python
Jupyter Notebook 实现正常显示中文和负号
2020/04/24 Python
英国安全产品购物网站:The Safe Shop
2017/03/20 全球购物
FOREO斐珞尔官方旗舰店:LUNA露娜洁面仪
2018/03/11 全球购物
世界上最伟大的马产品:Equiderma
2020/01/07 全球购物
中专毕业个人的自荐信格式
2013/09/21 职场文书
平面设计师的工作职责
2013/11/21 职场文书
教师师德演讲稿
2014/05/06 职场文书
公务员爱岗敬业演讲稿
2014/08/26 职场文书
安全伴我行演讲稿
2014/09/04 职场文书
九不准学习心得体会
2016/01/23 职场文书
2019年让高校“心动”的自荐信
2019/03/25 职场文书
使用CSS实现黑白格背景效果
2022/06/01 HTML / CSS