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 相关文章推荐
在线编辑器的实现原理(兼容IE和FireFox)
Mar 09 Javascript
基于jquery的当鼠标滚轮到最底端继续加载新数据思路分享(多用于微博、空间、论坛 )
Oct 10 Javascript
原生JavaScript实现连连看游戏(附源码)
Nov 05 Javascript
js控制网页前进和后退的方法
Jun 08 Javascript
jQuery Easyui快速入门教程
Aug 21 Javascript
angularjs中回车键触发某一事件的方法
Apr 24 Javascript
jQuery Validate表单验证插件实现代码
Jun 08 jQuery
基于AngularJS的简单使用详解
Sep 10 Javascript
微信小程序用户授权,以及判断登录是否过期的方法
May 10 Javascript
配置node服务器并且链接微信公众号接口配置步骤详解
Jun 21 Javascript
vue router返回到指定的路由的场景分析
Nov 10 Javascript
Vue+Flask实现图片传输功能
Apr 01 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 PDO fetch 模式各种参数的输出结果一览
2015/01/07 PHP
PHP实现图片的等比缩放和Logo水印功能示例
2017/05/04 PHP
PHP使用Redis实现Session共享的实现示例
2019/05/12 PHP
Laravel 自带的Auth验证登录方法
2019/09/30 PHP
jquery 常用操作方法
2010/01/28 Javascript
模拟jQuery ajax服务器端与客户端通信的代码
2011/03/28 Javascript
浅析JavaScript中的typeof运算符
2013/11/30 Javascript
jQuery 写的简单打字游戏可以提示正确和错误的次数
2014/07/01 Javascript
javascript中 try catch用法
2015/08/16 Javascript
基于jQuery实现自动轮播旋转木马特效
2015/11/02 Javascript
详解javascript传统方法实现异步校验
2016/01/22 Javascript
用js读写cookie的简单方法(推荐)
2016/08/08 Javascript
微信小程序开发实战教程之手势解锁
2016/11/18 Javascript
详解使用Vue.Js结合Jquery Ajax加载数据的两种方式
2017/01/10 Javascript
简单实现js选项卡切换效果
2017/02/09 Javascript
BootStrap Select清除选中的状态恢复默认状态
2017/06/20 Javascript
Canvas放置反弹效果随机图形(实例)
2017/08/17 Javascript
p5.js 毕达哥拉斯树的实现代码
2018/03/23 Javascript
JavaScript原生数组函数实例汇总
2020/10/14 Javascript
python 自动重连wifi windows的方法
2018/12/18 Python
Python常见数字运算操作实例小结
2019/03/22 Python
基于python实现语音录入识别代码实例
2020/01/17 Python
Django 解决新建表删除后无法重新创建等问题
2020/05/21 Python
python线程池如何使用
2020/05/28 Python
python matplotlib工具栏源码探析二之添加、删除内置工具项的案例
2021/02/25 Python
45个非常奇妙的CSS3 特性应用示例
2012/01/01 HTML / CSS
深入解析HTML5 Canvas控制图形矩阵变换的方法
2016/03/24 HTML / CSS
英国奢侈品网站:MatchesFashion
2016/12/16 全球购物
C++:局部变量能否和全局变量重名
2014/03/03 面试题
电子商务专业推荐信范文
2013/12/02 职场文书
2014端午节活动策划方案
2014/01/27 职场文书
幼儿园元旦活动感言
2014/03/02 职场文书
施工安全标语
2014/06/07 职场文书
地理信息科学专业推荐信
2014/09/08 职场文书
基层干部个人对照检查及整改措施
2014/10/28 职场文书
vue使用watch监听属性变化
2022/04/30 Vue.js