Vue学习笔记一：初识vue

搭建Vue环境

官网下载nodejs https://nodejs.org/en/

查询node版本

node -v

及npm版本

npm -v

安装淘宝npm镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

全局安装 vue-cli

sudo cnpm install --global vue-cli

创建一个基于 webpack 模板的新项目

vue init webpack my-project

编译项目

cnpm install

运行项目

cnpm run dev

即可访问 http://localhost:8080

初识Vue项目结构

build

项目构建(webpack)相关代码

config

配置目录，包括端口号等

node_modules

npm 加载的项目依赖模块

src

开发的目录，包含了以下目录及文件:

assets

放置一些图片，如logo等。

components

目录里面放了一个组件文件，可以不用。

App.vue

项目入口文件，可以直接将组件写这里，而不使用 components 目录。

main.js

项目的核心文件。

static

静态资源目录，如图片、字体等。

test

初始测试目录，可删除

.xxxx

这些是一些配置文件，包括语法配置，git配置等。

index.html

首页入口文件，可以添加一些 meta 信息或统计代码。

package.json

项目配置文件。

README.md

项目的说明文档，markdown 格式