vue.js学习笔记 0219

版权声明：本文为博主原创文章，部分内容为借鉴理解。 https://blog.csdn.net/weixin_35773751/article/details/87685209

基本安装
vue的安装有大约4种
1.直接引用CDN
https://cdn.staticfile.org/vue/2.2.2/vue.min.js
2.下载引用
3.npm
（国内使用cnpm）

# 查看版本
$ npm -v
2.3.0

#升级 npm
cnpm install npm -g


# 升级或安装 cnpm
npm install cnpm -g

使用vue构造大型应用的时候使用NPM

# 最新稳定版
$ cnpm install vue

# 全局安装 vue-cli
$ cnpm install --global vue-cli

# 创建基于 webpack 模板的新项目
$ vue init webpack my-project

#安装结束、运行
 cd my-project
npm install
npm run dev

备注:这里提到的信息是 是否使用路由、是否进行代码格式控制、是否单元测试……，原则就是只要配置路由就行了，因为使用了格式规范你会发现，到处提示警告，横扯蛋……

4.vuejs文件基本结构
基本包括build、config、node_modules、src、static、test、.xxx、index.html、package.json、README.md，一共10个基本文件
build 表示项目构造的webpack代码
config 配置文件
node_modules npm加载的项目模块
src 项目目录里面包含4个基本文件
assets 放置图片（logo等）
compponents 组件文件
App.vue 项目入口文件
route 路由配置文件
main.js 项目的核心文件
static 静态文件（图片、字体等）
test 初始测试目录（可以删除）
.xxx 配置文件（语法配置、git配置）
index.html 配置文件
README.md 项目说明文档