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. 唯美MACD

    上证30 分钟产生背离,60 分钟高位,但并没有背离,若调整,也是30F 级别的.算是上涨途中的歇脚. 1.股票如果非要从MACD 上去判断怎么拿,那么一句话:要大跌,一般都需要背离.所以,没有背离的 ...

  2. Python 全栈开发十 socket网络编程

    一.客户端(client)服务端(sever)架构 在计算机中有很多常见的C/S架构,例如我们的浏览器是客户端.而百度网站和其他的网站就是服务端:视频软件是客户端,提供视频的腾讯.优酷.爱奇艺就是服务 ...

  3. 对接口(interface)的思考

    接口,java中用关键字interface定义.今天学习java基础API时,发现一个特点:每个包中都定义了一堆的接口,感觉有马克思主义中提到的“上层建筑”的味道.接口就是为需要实现的功能定一个基调, ...

  4. 大牛推荐的10本学习 Python 的好书

    Python:蛇亚目蟒科,主要包括分布于非洲及亚洲的无毒蟒蛇. Python:Richard Clabaugh拍摄的恐怖电影,2000年发行. Python:澳大利亚汽车公司. Python:英国偶发 ...

  5. Kibana5.x界面简要介绍（含x-pack插件）

    简介:Kibana是一个为 ElasticSearch 提供的数据分析的 Web 接口(5601).可使用它对日志进行高效的搜索.可视化.分析等各种操作.Kibana目前最新的版本5.3.X-Pack ...

  6. Reveal使用

    本人手机是7.1的,reveal2.0以后不支持8.0以下,没办法,这里只能使用reveal1.6. 这里提醒一下,reveal2.0以后libReavel.lib改名了,. https://reve ...

  7. django项目mysql中文编码问题

    在做django+mysql项目的时候,遇到中文报错问题. 问题分析:是由于mysql数据库,字符集的问题 在cmd命令行模式进入mysql mysql -uroot -p以root身份进入mysql ...

  8. sqli-labs(八)——修改密码处sql注入+http头sql注入

    第17关: 这是一个重置密码的功能存在sqk注入,尝试账号密码都输入'",发现只会显示登陆失败,没有报错信息. 这个时候先推测一下后台的sql形式大概应该是: update users se ...

  9. vbs调用bat 隐藏bat运行时的黑框

    //新建文本文件 ,保存为后缀为bat.如:startBAT.vbs public const vbQuote="""" temp="C:\A_WOR ...

  10. MyBatis基础入门《八》查询参数传入Map

    MyBatis基础入门<八>查询参数传入Map 描述: 在执行select查询数据的时候,方法传入的参数是java.util.Map类型. 接口方法: xml文件 注意: 书写SQL语句的 ...