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字符串拼接的效率问题
Dec 25 Javascript
各浏览器中querySelector和querySelectorAll的实现差异分析
May 23 Javascript
详解jQuery插件开发中的extend方法
Nov 19 Javascript
网页中表单按回车就自动提交的问题的解决方案
Nov 03 Javascript
跟我学习javascript的严格模式
Nov 16 Javascript
为什么JavaScript没有块级作用域
May 22 Javascript
js获取当前年月日-YYYYmmDD格式的实现代码
Jun 01 Javascript
Vue.js实现一个自定义分页组件vue-paginaiton
Sep 05 Javascript
localStorage的黑科技-js和css缓存机制
Feb 06 Javascript
JS使用遮罩实现点击某区域以外时弹窗的弹出与关闭功能示例
Jul 31 Javascript
微信小程序实现圆形进度条动画
Nov 18 Javascript
ES6 Generator基本使用方法示例
Jun 06 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中几个常用的魔术常量
2012/02/23 PHP
php fread读取文件注意事项
2016/09/24 PHP
php防止sql注入的方法详解
2017/02/20 PHP
在jQuery中 常用的选择器介绍
2013/04/16 Javascript
js采用map取到id集合组并且实现点击一行选中一行
2013/12/16 Javascript
JQuery表格拖动调整列宽效果(自己动手写的)
2014/09/01 Javascript
jQuery中find()方法用法实例
2015/01/07 Javascript
深入浅析JavaScript中prototype和proto的关系
2015/11/15 Javascript
基于JavaScript实现图片点击弹出窗口而不是保存
2016/02/06 Javascript
深入理解angularjs过滤器
2016/05/25 Javascript
5种JavaScript脚本加载的方式
2017/01/16 Javascript
vue-router路由简单案例介绍
2017/02/21 Javascript
es6学习笔记之Async函数基本教程
2017/05/11 Javascript
简单实现jQuery上传图片显示预览功能
2020/06/29 jQuery
分析JS单线程异步io回调的特性
2017/12/01 Javascript
Vue中this.$router.push参数获取方法
2018/02/27 Javascript
关于Vue组件库开发详析
2018/07/01 Javascript
详解Vue源码中一些util函数
2019/04/24 Javascript
express + jwt + postMan验证实现持久化登录
2019/06/05 Javascript
[01:00:54]TI4正赛第二日开场
2014/07/20 DOTA
Python利用正则表达式匹配并截取指定子串及去重的方法
2015/07/30 Python
Windows中安装使用Virtualenv来创建独立Python环境
2016/05/31 Python
详解用python实现基本的学生管理系统(文件存储版)(python3)
2019/04/25 Python
如何在keras中添加自己的优化器(如adam等)
2020/06/19 Python
python 还原梯度下降算法实现一维线性回归
2020/10/22 Python
python中threading和queue库实现多线程编程
2021/02/06 Python
requests在python中发送请求的实例讲解
2021/02/17 Python
美国沃尔玛网上超市:Walmart
2020/08/14 全球购物
使用索引有什么好处
2016/07/27 面试题
某公司.Net方向面试题
2014/04/24 面试题
消防应急演练方案
2014/02/12 职场文书
考研英语复习计划
2015/01/19 职场文书
培训后的感想
2015/08/07 职场文书
初二数学教学反思
2016/02/17 职场文书
pytorch加载预训练模型与自己模型不匹配的解决方案
2021/05/13 Python
TV动画《神废柴☆偶像》公布先导PV
2022/03/20 日漫