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 相关文章推荐
对YUI扩展的Gird组件 Part-1
Mar 10 Javascript
JS 巧妙获取剪贴板数据 Excel数据的粘贴
Jul 09 Javascript
基于jquery的inputlimiter 实现字数限制功能
May 30 Javascript
JS实现图片无间断滚动代码汇总
Jul 30 Javascript
javascript实现简单的on事件绑定
Aug 23 Javascript
微信小程序 教程之WXSS
Oct 18 Javascript
JS中cookie的使用及缺点讲解
May 13 Javascript
vue-scroller记录滚动位置的示例代码
Jan 17 Javascript
vue translate peoject实现在线翻译功能【新手必看】
Jun 07 Javascript
每个 JavaScript 工程师都应懂的33个概念
Oct 22 Javascript
vue-resource:jsonp请求百度搜索的接口示例
Nov 09 Javascript
JavaScript 判断数据类型的4种方法
Sep 11 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中在数据库中保存Checkbox数据(2)
2006/10/09 PHP
PHP学习 运算符与运算符优先级
2008/06/15 PHP
PHP在不同页面间传递Json数据示例代码
2013/06/08 PHP
PHP用身份证号获取星座和生肖的方法
2013/11/07 PHP
php中多维数组按指定value排序的实现代码
2014/08/19 PHP
PHP生成随机数的方法总结
2018/03/01 PHP
关于图片验证码设计的思考
2007/01/29 Javascript
任意位置显示html菜单
2007/02/01 Javascript
比较详细的javascript对象的property和prototype是什么一种关系
2007/08/06 Javascript
jQuery 源码分析笔记(6) jQuery.data
2011/06/08 Javascript
JavaScript 布尔操作符解析  && || !
2012/08/10 Javascript
jQuery自动切换/点击切换选项卡效果的小例子
2013/08/12 Javascript
jquery checkbox 勾选的bug问题解决方案与分析
2014/11/13 Javascript
JavaScript forEach()遍历函数使用及介绍
2015/07/08 Javascript
用canvas 实现个图片三角化(LOW POLY)效果
2016/02/18 Javascript
深入浅析JavaScript中的constructor
2016/04/19 Javascript
jQuery树插件zTree使用方法详解
2017/05/02 jQuery
jQuery EasyUI window窗口使用实例代码
2017/12/25 jQuery
一份超级详细的Vue-cli3.0使用教程【推荐】
2018/11/15 Javascript
使用JavaScript解析URL的方法示例
2019/03/01 Javascript
Vue之beforeEach非登录不能访问的实现(代码亲测)
2019/07/18 Javascript
在vue-cli 3中给stylus、sass样式传入共享的全局变量
2019/08/12 Javascript
[01:06:18]DOTA2-DPC中国联赛 正赛 Phoenix vs Dynasty BO3 第二场 1月26日
2021/03/11 DOTA
Python判断值是否在list或set中的性能对比分析
2016/04/16 Python
浅谈python 导入模块和解决文件句柄找不到问题
2018/12/15 Python
Python 获取div标签中的文字实例
2018/12/20 Python
Django组件cookie与session的具体使用
2019/06/05 Python
python多进程间通信代码实例
2019/09/30 Python
基于jupyter代码无法在pycharm中运行的解决方法
2020/04/21 Python
python 牛顿法实现逻辑回归(Logistic Regression)
2020/10/15 Python
卫校中专生个人自我评价
2013/09/19 职场文书
大四学生思想汇报
2014/01/13 职场文书
2015年幼儿园新年寄语
2014/12/08 职场文书
2015年员工工作表现评语
2015/03/25 职场文书
优秀毕业生主要事迹材料
2015/11/04 职场文书
浅谈pytorch中的dropout的概率p
2021/05/27 Python