vuejs目录结构启动项目安装nodejs命令，api配置信息思维导图版

vuejs技术交流QQ群：458915921 有兴趣的可以加入

vuejs

目录结构

build

build.js

check-versions.js

utils.js

vue-loader.conf.js

webpack.base.conf.js

webpack.dev.conf.js

wepack.prod.conf.js

config

index.js

dev.env.js

pord.env.js

test.env.js

dist

static

index.html

src

assets

js

lang

img

components

*.vue

template

script

style

router

index.js

store

store.js

App.vue

etmb-header

router-view

etmb-footer

main.js

ElementUI

new Vue

static

img

favicon.ico

js

modify.js

theme

fonts

css

other

index.html

html

<body><div id="app"></div></body>

package.json

name

scripts

dependencies

devDependencies

engines

node: >= 6.0.0

npm: >= 3.0.0

browserslist

> 1%

last 2 versions

not ie <= 8

启动项目

安装nodejs

node下载地址https://nodejs.org/en/

查看nodejs版本和npm版本，在命令行中输入：node -v，npm -v

安装淘宝镜像

https://npm.taobao.org/

安装命令：npm install cnpm -g --registry=https://registry.npm.taobao.org

因为npm安装插件是从国外服务器下载，受网络影响大，可能出现异常，淘宝镜像把npm的服务器放在了中国

cnpm与npm用法一直 ，使用时把npm 前缀改为cnpm

--------------------------------

建议不要用cnpm 安装有各种诡异的bug 可以通过如下操作解决npm速度慢的问题

npm install --registry=https://registry.npm.taobao.org

--------------------------------

使用淘宝镜像安装vue

安装vue：cnpm install vue

安装vue-cli：cnpm install --global vue-cli

创建项目：vue init webpack "projectName"

启动项目

进入项目目录，cd "projectPath"

执行命令：cnpm install && cnpm run dev

默认会打开：http://localhost:8080/

build命令：cnpm run build

api配置信息

config/index.js

target: 'http://api.xxx.net',

host: 'localhost',

port: 8080,

src/store/store.js

apis: 'http://api.xxx.net'

build/bulid.js

process.env.NODE_ENV = 'production'

vuejs目录结构启动项目安装nodejs命令，api配置信息思维导图版的更多相关文章

  1. 2.SDK目录结构和adb工具及命令介绍

    安卓开发学习笔记 1.安卓开发之环境搭建 2.SDK目录结构和adb工具及命令介绍 1.SDK目录介绍: ******************************** add-ons:Androi ...

  2. 设置Webdriver启动chrome为默认用户的配置信息

    Webdriver 启动Chrome浏览器时,默认是打开一个新用户,而非默认用户.即新用户没有我们安装扩展程序.但在实际应用中,我们会须要 默认用户安装的一些扩展程序,比方对于某些js或者css样式. ...

  3. ant design pro（一）安装、目录结构、项目加载启动【原始、以及idea开发】

    一.概述 1.1.脚手架概念 编程领域中的“脚手架(Scaffolding)”指的是能够快速搭建项目“骨架”的一类工具.例如大多数的React项目都有src,public,webpack配置文件等等, ...

  4. 001-ant design pro安装、目录结构、项目加载启动【原始、以及idea开发】

    一.概述 1.1.脚手架概念 编程领域中的“脚手架(Scaffolding)”指的是能够快速搭建项目“骨架”的一类工具.例如大多数的React项目都有src,public,webpack配置文件等等, ...

  5. 【Maven】安装配置、目录结构、配置文件、常见命令

    1.下载配置maven步骤 a.windows下配置jdk的系统环境变量:java_home b.windows下配置maven的系统环境变量:maven_home或者m2_home c.window ...

  6. Maven项目的目录结构+maven的安装与配置

    1.首先下载maven,然后配置环境变量,在MyEclipse里面配置maven 2.配置maven的pom.xml文件 3.下载和更新资源 右击项目,有一个Maven4Myeclipse,里面有三个 ...

  7. Nginx 目录结构、Nginx服务控制命令

    # Nginx目录结构 # 首先推荐一个查看目录结构的工具 tree # yum install -y tree # sudo apt-get install -y tree ubuntu # 查看n ...

  8. tomcat目录结构以及项目部署

    摘要:tomcat的目录结构 tomcat是一个轻量级的免费开源的web服务器,使用非常方便,也是最普遍的一款优秀服务器. 一.tomcat目录结构 1.官方下载  http://tomcat.apa ...

  9. chromiun 学习《二》 目录结构 +启动流程

    1.chromium的目录结构. 2.先上分析图一张.主要是从BrowserMain进程进行分析的.

随机推荐

  1. （4.4）mysql备份还原——备份存储容灾基础知识

    存储知识 1.为什么需要存储,存储一般解决哪些问题? 容量.速度.易于管理.安全(容灾与备份).可扩展性 2.存储发展历史 [2.1]大型机 [2.2]c/s结构(客户端->服务器) [2.3] ...

  2. FastList使用

    之前使用的组件是ListView,当时要添加一个下拉刷新,上拉加载的功能,所以对ListView做了一些封装,但是后来看官方文档,不建议再使用ListView,因为效率问题,做过Android的朋友都 ...

  3. dxRatingControl使用

    Properties AllowHover:是否鼠标滑动选择 CheckedGlyph:选中后显示的图像 Glyph:显示的图像 HoverGlyph:鼠标滑动时显示的图像 ItemCount:项目总 ...

  4. webuploader.min.js 简单例子

    一个百度开发的开源框架 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html& ...

  5. 快学Scala 2

    控制结构和函数 1.在Scala中,几乎所有构造出来的语法结构都有值.这个特性是为了使得程序更加精简,也更易读. (1)if表达式有值 (2)块也有值——是它最后一个表达式的值 (3)Scala的fo ...

  6. Linux命令：tar命令批量解压方法总结

    tar命令批量解压方法总结 (2010-05-24 17:48:46) 转载▼ 标签: tar 批量解压 杂谈 分类: linux学习 由于linux的tar命令不支持批量解压,所以很多网友编写了好多 ...

  7. zabbix 配合钉钉群机器人（webhook） 报警

    首先建钉钉群,添加一个自定义机器人拿到webhook zabbix添加一个报警媒介 搞一个shell脚本来启动Python脚本(直接用zabbix调Python脚本不行,不知道什么原因) vim di ...

  8. jsonServer 造个假的服务器传递数据接口 再用axois来请求数据

  9. [Java in NetBeans] Lesson 11. While Loops

    这个课程的参考视频和图片来自youtube. 主要学到的知识点有:(the same use in C/C++) 1. while loop while(i < max){} will keep ...

  10. Entity Framework学习初级篇2

    Entity Framework 学习初级篇2--ObjectContext.ObjectQuery.ObjectStateEntry.ObjectStateManager类的介绍 本节,简单的介绍E ...