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. C++的类大小

    有以下C++类 #pragma pack(push) #pragma pack(1) class task /*:public OSThread*/{ //public: // void Entry( ...

  2. webmin账户重置密码

    locate changepass.pl(如果你不常使用locate的话那,先sudo updatedb)找到路径,在/usr/libexec/webmin/下面,转到这个目录下面./changepa ...

  3. windows版本下ELK配置

    windows版本的es和kibana相对配置起来很简单,网上已经有很多例子都是正确的,只需按照步骤安装一下即可. 主要logstash,网上说的方案,大都不能配置成功,或者总有一些错误,下面把我自己 ...

  4. OC仿QQ侧滑

    之前做侧滑用的控件的DDMenu,总感觉好像差了点什么,自己尝试写了一个,三层叠加,感觉效果不理想,偶然间看到了一篇博客,与大家分享,再次申明,该代码不是我写的,只是为了给自己留一个查找资料的机会 下 ...

  5. nessus的安装

    nessus安装 .下载地址 http://www.tenable.com/products/nessus/select-your-operating-system .获取注册码 www.nessus ...

  6. Mac本如何卸载MySQL

    Mac本如何卸载MySQL 在Mac上卸载MySQL上一件非常麻烦的事,如果没有卸载干净,就会无法安装新的MySQL 怎样才能完全卸载MySQL呢?(包括所有数据库)    执行以下操作: #打开终端 ...

  7. EditText的一些使用技巧

    1.让EditText不自动获取焦点 将EditText的某个父级控件设置成 android:focusable="true" android:focusableInTouchMo ...

  8. （转）Fabric 1.0 读写集

    本文译自Fabric 1.0 文档,这篇文档详述了当前读写集语义实现的细节.文档地址为: https://hyperledger-fabric.readthedocs.io/en/latest/rea ...

  9. 《全栈性能Jmeter》-6JMeter元件详解

  10. [LeetCode] 840. Magic Squares In Grid_Easy

    A 3 x 3 magic square is a 3 x 3 grid filled with distinct numbers from 1 to 9 such that each row, co ...