vue necessary steps to create a project

vue init webpack 项目名
cd 项目名
npm install
npm run dev

安装几个依赖
npm install stylus -save
npm install stylus-loader -save
npm install less less-loader --save-dev
npm install css-loader style-loader --save-dev
npm install axios --save
npm install animate.css
npm install vuex --save
npm install --save screenfull
npm install --save jquery
npm install --save ali-oss

symbol引用
This is a new use, it should be said that this is the future mainstream, but also the platform currently recommended usage. Related presentations can refer to this article This usage is actually made of a collection svg, and has the following characteristics compared to the above two: 

support for multi-color icons, and no longer subject to restrictions monochrome. 
By some techniques, like fonts that support, through font - to adjust the pattern size, color. 
Poor compatibility, support for IE9 + , and modern browsers. 
Svg browser rendering performance in general, not as good as png. 
Use the following steps: 

first step: generating a copy of the program code for the following symbol: 
// at.alicdn.com/t/font_8d5l8fzk5b87iudi.js 
Step: General added css code (once introduced into the line):
<style type = "text / CSS "> 
    .icon { 
       width: 1em; height: 1em; 
       Vertical -align: -0 .15em; 
       Fill: currentColor; 
       overflow: hidden; 
    }
 </ style>
 The third step: the selection of the icon to obtain the class name, applied page:
 <SVG class = "icon" Aria-hidden = "to true"> 
    <XLink use: the href = "# icon-XXX"> </ use>
</svg>

创建weex步骤
weex create awesome-project
npm start
npm i weex-ui@latest -S
npm i babel-plugin-component babel-preset-stage-0 -D 
npm i babel-plugin-component babel-plugin-component

修改.babelrc如下：
{
  "presets": ["es2015", "stage-0"],
  "plugins": [
    [
      "component",
      {
        "libraryName": "weex-ui",
        "libDir": "packages",
        "style": false
      }
    ]
  ]
}