[if !supportLists]1. [endif]安装Node.Js
下载地址https://nodejs.org/en/
[if !supportLists]2. [endif]安装npm
[if !supportLists]3. [endif]安装cli
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[&