vue CLI3

[if !supportLists]１.　[endif]安装Ｎｏｄｅ．Ｊｓ

　下载地址https://nodejs.org/en/

[if !supportLists]２.　[endif]安装ｎｐｍ

[if !supportLists]３.　[endif]安装ｃｌｉ

Vue-CLI:

[if !supportLists]· [endif]通过@vue/cli搭建交互式的项目脚手架。

[if !supportLists]· [endif]通过@vue/cli + @vue/cli-service-global快速开始零配置原型开发。

[if !supportLists]· [endif]一个运行时依赖(@vue/cli-service)，该依赖：

[if !supportLists]o [endif]可升级；

[if !supportLists]o [endif]基于webpack构建，并带有合理的默认配置；

[if !supportLists]o [endif]可以通过项目内的配置文件进行配置；

[if !supportLists]o [endif]可以通过插件进行扩展。

[if !supportLists]· [endif]一个丰富的官方插件集合，集成了前端生态中最好的工具。

[if !supportLists]· [endif]一套完全图形化的创建和管理Vue.js项目的用户界面

进入安装

打开PowerShall

[if !supportLists]· [endif]npm安装Vue-cli3.0或者cnpm安装Vue-cli3.0

$ npm install -g @vue/cli  # -g或者global 表示全局安装#或者

$ cnpm install -g @vue/cli#或者

$ yarn global add @vue/cli # 必须先安装yarn

$ vue --version

快速原型开发

你可以使用vue serve 和 vue build 命令对单个 *.vue 文件进行快速原型开发，不过这需要先额外安装一个全局的扩展：

npm install -g @vue/cli-service-global

vue serve 的缺点就是它需要安装全局依赖，这使得它在不同机器上的一致性不能得到保证。因此这只适用于快速原型开发

在PowerShall Cd D：//ok/

[if !supportLists]1. [endif]vue create hello-world

[if !supportLists]2. [endif]Npm run vue

打开Sublime

配合vant https://youzan.github.io/vant/#/zh-CN/quickstart

<template>

  <div class="user">

    <ul>

    <li v-for="u in users">

     {{u}}

    </li>

    </ul>

  </div>

</template>

<script>

export default {

  name: 'user',

  data:function(){

  return {users: ["ok","hool"]}

  }

}

</script>

<style>

</style>

��t�g[&