vue_webpack初始化项目

总体架构:
此处npm安装过于缓慢,所以使用的是淘宝的镜像cnpmjavascript

vue+webpack 初始化项目:
一、安装vue: cnpm install vue
  检验版本: vue -V
二、建立一个vue项目:
  全局安装vue-cli: cnpm install -g vue-cli
  建立一个基于webpack模板的新项目: vue init webpack new-projectvue

  输入上面的命令后,下面的问题根据须要填写就能够了
  Project name :项目名称,若是不须要就直接回车。注:此处项目名不能使用大写。
  Project description:项目描述,直接回车
  Author :做者
  vue build 构建方式(暂且这么解释)
  两个选择(上下箭头选择,回车即为选定)
  1.Runtime + Compiler:recommended for most users
    (译:运行+编译:被推荐给大多数用户)
  2.Runtime-only:about 6KB lighter min+gzip,but templates (or any Vue-specific HTML) are ONLY
    allowed in .vue files-render functions are required elsewhere
    (译:只运行大约6KB比较轻量的压缩文件,但只容许模板(或任何VUE特定HTML)。VUE文件须要在其余地方呈现函数。翻译不精准,意思大概是选择该构建方式对文件大小有要求)
    这里推荐使用1选项,适合大多数用户的
    install vue-router?是否安装vue的路由插件,须要就选y,不然就n(如下均遵循此方法)
    Use ESLint to lint your code?是否使用ESLint检测你的代码?
  (ESLint 是一个语法规则和代码风格的检查工具,能够用来保证写出语法正确、风格统一的代码。)
  Pick an ESLint preset:选择分支风格
  选项有三个
  1.standard(https://github.com/feross/standard) js的标准风格
  2.Airbnb(https://github.com/airbnb/javascript) JavaScript最合理的方法,这个github地址说是JavaScript最合理的方法
  3.none (configure it yourself) 本身配置
  Setup unit tests? 是否安装单元测试(暂不详细介绍)
  Pick a test runner 选择一个单元测试运行器
  选项有三个
  1.Jest(Jest是由Facebook发布的开源的、基于Jasmine的JavaScript单元测试框架)
  2.Karma and Mocha
  3.none
  Setup e2e tests with Nightwatch(Y/n)?是否安装E2E测试框架NightWatch(E2E,也就是End To End,就是所谓的“用户真实场景”。)
  Should we run 'npm install' for you after the project has been created?(译:项目建立后是否要为你运行“npm install”?这里选择包管理工具)
  选项有三个
  yes,use npm(使用npm)
  yes,use yarn(使用yarn)
  no,I will handle that myself(本身操做)
  一路回车到此等待安装完毕,会提示接下来的命令行
  ......
三、安装依赖:
  cd new-project
  cnpm install
四、启动: cnpm run devjava

五、这个只能在本地跑,若是要在服务器上访问,须要执行: cnpm run buildwebpack

代码总结以下:
cnpm install vue
cnpm install -g vue-cli
vue init webpack new-project
cd new-project
cnpm install
cnpm run devgit

相关文章
相关标签/搜索