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. InnoDB Next-Key Lock

    InnoDB有三种行锁的算法: 1,Record Lock:单个行记录上的锁 2,Gap Lock:间隙锁,锁定一个范围,但不包括记录本身 3,Next-Key Lock:Record Lock + ...

  2. css垂直居中怎么设置?文字上下居中和图片垂直居中

    css 居中分css垂直居中和css水平居中,水平居中平时比较常用,这里我们主要讲css上下居中的问题.垂直居中又分为css文字上下居中和css图片垂直居中,下面我们就分别来介绍一下. css文字上下 ...

  3. 修改vs2010中html的默认模板

    用vs2010开发,新建html时,html页面会生成HTML 4 XHTML的header,如何把它改成干净的html5风格? 步骤: 修改 你的安装目录\Microsoft Visual Stud ...

  4. Linux Shell的18条常用命令整理

    1.   ls: 类似于dos下的dir命令 ls最常用的参数有三个:-a -l -F. ls –a Linux上的文件以.开头的文件被系统视为隐藏文件,仅用ls命令是看不到他们的,而用ls -a除了 ...

  5. [硬件]SICK LMS111激光扫描仪使用

    1.电源接入 电源线5Pin,4芯.棕色线接入正极,蓝色线接入负极(直流电,地线).LMS111-100默认的电压范围是10-30V,推荐使用24V,我这里使用的是12V/3A的锂电池. 另外两根白色 ...

  6. tortoiseSVN版本合并（merge）

    原文地址:http://blog.163.com/qq371557620@yeah/blog/static/8428365820172110320574/ 编码过程中,我们经常会遇到需要多个分支并行开 ...

  7. yarn client中的一个BUG的修复

    org.apache.spark.deploy.yarn.Client.scala中的monitorApplication方法: /** * Report the state of an applic ...

  8. IOP知识点（5）

    1 检验规则 取“或”   2 IOP升级中心 2 IOP升级中心 http://10.110.17.12:8080/cloud-ops/#/environment/     admin 我修改了io ...

  9. 2019.04.09 电商19 分析carmanage.py

    post(self,request)这个request是干嘛的 有是递归,他调用了那个getcarmanager函数返回的是另一个函数. 这另一个函数负责创建插入数据 def __init__(sel ...

  10. .Net Core:身份认证组件

    类库组件 .NET Core的身份认证使用的类库如下图:常用的 Microsoft.AspNetCore.Authorization Microsoft.AspNetCore.Authorizatio ...