FE 命令隨筆

FE_CMD
—————

* >>>>>>>>  Vue
____________________________________________________________________________________________________________________________________________
$ npm install --global vue-cli  //全局安裝
$ vue init webpack  <project name>  //新建項目
$ cd <prpject name>  //進入項目
$ npm install     //安裝依賴
$ npm run dev    //啓動

$ npm install vue-antd --save  // ui使用antd http://okoala.github.io/vue-antd/#!/docs/download
$ npm install less less-loader -—save  //使用less 

$ npm install --save vue-markdown  //使用markdown  https://github.com/miaolz123/vue-markdown
$ npm install vue-awesome-swiper --save //使用swiper  https://github.com/cynthiawupore/vue-awesome-swiper

$ npm install --save axios vue-axios     //使用axios   https://github.com/imcvampire/vue-axios
$ npm install vue-cookie --save    //使用cookie    https://www.npmjs.com/package/vue-cookie
$ npm install vue-localstorage --save    //使用localstorage  https://github.com/pinguinjkeke/vue-local-storage
$ npm install vue-meta --save    //使用meta  https://github.com/declandewet/vue-meta
$ npm install vuex --save     //使用 https://vuex.vuejs.org/zh-cn/installation.html
$ //兼容ie8  https://ractive.js.org/
$ npm install --save vue-echarts-v3  //使用echarts  https://github.com/xlsdg/vue-echarts-v3
$ npm install lodash —save //使用lodash
$ npm install --save js-md5  //http://blog.csdn.net/qq_35844177/article/details/70597597
$ 導出頁面excel ： https://www.cnblogs.com/Mrfan217/p/6944238.html







* >>>>>>>>  other
____________________________________________________________________________________________________________________________________________
$ npm install -g cnpm --registry=https://registry.npm.taobao.org   //cnpm
$ npm install -g eslint    //eslint
$ ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"  //homebrew
 


* >>>>>>>>  MongoDB
____________________________________________________________________________________________________________________________________________
（1-1）安裝 homebrew
$ ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
$ brew -v     
$ sudo brew update     //升級

（1-2）安裝 mongodb
$ sudo brew install mongodb

（1-3）啓動mongodb數據庫
$ cd /usr/local/Cellar/mongodb/3.4.9/bin      //mongodb的安裝路徑
$ ./mongod --dbpath /Users/zhongan/wuqianData/wx-hotToptic-server-data        //數據地址

（1-4）http://localhost:27017

（2-1）操做數據
$ cd /Users/zhongan/wuqianData/wx-hotToptic-server-data      //數據存放地址
$ mongo         //開始操做
    
$ show dbs     //數據庫列表
$ use <db name>    //切換到某個數據庫
$ show collections        //表集合
$ db.createCollection(‘tableName’)      //新建表
$ db.tableName.save({name:"wuqian",content:"this is first data"})     //表 插入數據
$ db.itableName.find()    //查看錶item中數據
$ db.tableName.remove({name:"wuqian"})    //刪除表中 name=wuqian的數據
$ db.tableName.drop()    //刪除表item
$ db.dropDatabase()    //刪除數據庫



* >>>>>>>>  Express
____________________________________________________________________________________________________________________________________________
$ express -e <projectName>  //新建項目
$ cd <projectName>
$ npm install
$ npm install mongoose --save //安裝mongoose插件
$ DEBUG=app ./bin/www     //啓動 或者 node app

$ npm install body-parser --save     //解析post請求



* >>>>>>>>  koa2
____________________________________________________________________________________________________________________________________________
$ npm install -g koa-generator  //全局安裝
$ koa2 <project name>      //生成項目
$ cd  <project name>    //進入項目
$ npm install         //安裝依賴
$ npm start         //啓動項目  $ DEBUG=wx-hotToptic-server   npm start
$ localhost:3000    //預覽


* >>>>>>>>  Node
____________________________________________________________________________________________________________________________________________
$ npm init 
$ npm install express mongoose http body-parser --save