zoukankan      html  css  js  c++  java
  • nodejs、webpack

    开发环境,直接本机下载代码回来,装好nodejs、webpack(安装方法 npm install webpack -g),

    切换到项目根目录下

    1、安装依赖:npm install

    2、执行webpack: webpack

    3、 ./dist目录和index.html 就是你要部署的文件

    选装cnpm

    1. 说明:因为npm安装插件是从国外服务器下载,受网络影响大,可能出现异常,如果npm的服务器在中国就好了,所以我们乐于分享的淘宝团队干了这事。来自官网:“这是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽量与官方服务同步。”
    2. 官方网址:http://npm.taobao.org
    3. 安装:命令提示符执行npm install cnpm -g --registry=https://registry.npm.taobao.org
    4. 注意:安装完后最好查看其版本号cnpm -v或关闭命令提示符重新打开,安装完直接使用有可能会出现错误

    vue构建项目全过程

    2016-10-21 11:24 1065人阅读 评论(0) 收藏 举报

    版权声明:本文为博主原创文章,未经博主允许不得转载。

    1.node版本请更新到6.9.X版本以上,不然npm依赖会出问题

    2.命令行里运行npm install --global vue-cli

    3.npm install --global webpack

    安装的时候报了:

    npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_moduleswebpack ode_moduleschokidar ode_modulesfsevents):

    npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.0.14: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

    查了下是因为 fsevent是mac osx系统的,在win或者Linux下使用了 所以会有警告,忽略即可https://segmentfault.com/q/1010000004498934

    4.到你想建项目的地方打开命令行, vue init webpack-simple 【my-project-name】里面有一些选项,一路回车就可以了

    5.进入到文件夹里面 继续执行npm install

    6.安装 vue 路由模块 vue-router 和网络请求模块 vue-resource 

    npm install vue-router vue-resource --save

    还有一些别的模块:

    npm install vuex --save

    npm install style-loader --save-dev

    :

    npm install css-loader --save-dev

    :

    npm install file-loader --save-dev

    7.npm run dev

    set NODE_ENV=test

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

    cd C:Program Files (x86)Jenkinsjobswebapp_industrial_park_appworkspace

    C:

    npm install

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

    cd C:Program Files (x86)Jenkinsjobswebapp_industrial_park_appworkspace

    C:

    webpack

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

    cd C:Program Files (x86)Jenkinsjobswebapp_industrial_park_appworkspacedist

    C:

    xcopy "C:Program Files (x86)Jenkinsjobswebapp_industrial_park_appworkspacedist*" "C:Program FilesTomcat7webappsgzipappdist" /Y

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

    cd C:Program Files (x86)Jenkinsjobswebapp_industrial_park_appworkspacedist

    C:

    xcopy "C:Program Files (x86)Jenkinsjobswebapp_industrial_park_appworkspaceindex.html" "C:Program FilesTomcat7webappsgzipapp" /Y

  • 相关阅读:
    内存中的堆和栈
    数据库——关系型数据库
    如何创建一个进程,如何进程调用进程
    浅谈C++之冒泡排序、希尔排序、快速排序、插入排序、堆排序、基数排序性能对比分析(好戏在后面,有图有真相)
    Moon.Orm 5.0(MQL版)使用指南
    初学 快速幂 的理解
    2016 杭电
    2015 偶数求和 AC 杭电
    2014 青年歌手大赛 AC
    C语言初学 数组 打印菱形
  • 原文地址:https://www.cnblogs.com/linkxu1989/p/6632824.html
Copyright © 2011-2022 走看看