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 相关文章推荐
判断对象是否Window的实现代码
Jan 10 Javascript
基于jQuery实现下拉收缩(展开与折叠)特效
Dec 25 Javascript
解析Javascript中难以理解的11个问题
Dec 09 Javascript
PHP结合jQuery实现的评论顶、踩功能
Jul 22 Javascript
jQuery 获取多选框的值及多选框中文的函数
May 16 Javascript
node+express制作爬虫教程
Nov 11 Javascript
解决html input验证只能输入数字,不能输入其他的问题
Jul 21 Javascript
jQuery实现左右滑动的toggle方法
Mar 03 jQuery
解决vue 界面在苹果手机上滑动点击事件等卡顿问题
Nov 27 Javascript
微信小程序 网络通信实现详解
Jul 23 Javascript
javascript严格模式详解(含严格模式与非严格模式的区别)
Nov 12 Javascript
JavaScript中继承原理与用法实例入门
May 09 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
全国FM电台频率大全 - 10 江苏省
2020/03/11 无线电
基于PHP+Ajax实现表单验证的详解
2013/06/25 PHP
php创建、获取cookie及基础要点分析
2015/01/26 PHP
thinkphp命名空间用法实例详解
2015/12/30 PHP
PHP计算数组中值的和与乘积的方法(array_sum与array_product函数)
2016/04/01 PHP
ThinkPHP3.2框架自定义配置和加载用法示例
2018/06/14 PHP
详解json在php中的应用
2018/09/30 PHP
setInterval 和 setTimeout会产生内存溢出
2008/02/15 Javascript
jQuery切换网页皮肤并保存到Cookie示例代码
2014/06/16 Javascript
Node.js中require的工作原理浅析
2014/06/24 Javascript
jquery实现在光标位置插入内容的方法
2015/02/05 Javascript
JavaScript中的对象与JSON
2015/07/03 Javascript
jQuery居中元素scrollleft计算方法示例
2017/01/16 Javascript
Bootstrap页面缩小变形的快速解决办法
2017/02/03 Javascript
requirejs按需加载angularjs文件实例
2017/06/08 Javascript
基于vue实现分页效果
2017/11/06 Javascript
深入浅析vue-cli@3.0 使用及配置说明
2019/05/08 Javascript
小程序云函数调用API接口的方法
2019/05/17 Javascript
Javascript数组方法reduce的妙用之处分享
2019/06/10 Javascript
小程序实现左滑删除效果
2019/07/25 Javascript
[02:03]永远的信仰DOTA2 中国军团历届国际邀请赛回顾
2016/06/26 DOTA
Python实现Pig Latin小游戏实例代码
2018/02/02 Python
python 监听salt job状态,并任务数据推送到redis中的方法
2019/01/14 Python
使用Python向C语言的链接库传递数组、结构体、指针类型的数据
2019/01/29 Python
Django框架登录加上验证码校验实现验证功能示例
2019/05/23 Python
Jupyter notebook 远程配置及SSL加密教程
2020/04/14 Python
django 利用Q对象与F对象进行查询的实现
2020/05/15 Python
如何学习Python time模块
2020/06/03 Python
35款精致的 CSS3 和 HTML5 网页模板 推荐
2012/08/03 HTML / CSS
推荐WEB开发者最佳HTML5和CSS3代码生成器
2015/11/24 HTML / CSS
新西兰Bookabach:查找全球度假屋
2020/12/03 全球购物
信息管理专业推荐信
2013/10/29 职场文书
2014年消防工作实施方案
2014/02/20 职场文书
感恩之星事迹材料
2014/05/03 职场文书
汽车销售员工作总结
2015/08/12 职场文书
使用pandas或numpy处理数据中的空值(np.isnan()/pd.isnull())
2021/05/14 Python