Vue.js基础知识

vue-cli,vue-router,vue-resource,vuex

 

Vue Devtools：审查和调试 Vue 应用

 

直接用<script> 标签引入

直接下载并用 <script> 标签引入，Vue 会被注册为一个全局变量。
在开发环境下不要使用压缩版本，不然你就失去了所有常见错误相关的警告!

 

NPM
在用 Vue 构建大型应用时推荐使用 NPM 安装。NPM 能很好地和诸如 webpack 或 Browserify 模块打包器配合使用。同时 Vue 也提供配套工具来开发单文件组件。

$ npm install webpack -g
$ npm install vue   # 最新稳定版

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

 

$ vue init webpack my-project # 创建一个基于 webpack 模板的新项目
# 这里需要进行一些配置，默认回车即可

$ cd my-project
$ cnpm install

$ cnpm install vue-router
$ cnpm run dev

 

打包上线
注意，自己的项目文件都需要放到 src 文件夹下。
在项目开发完成之后，可以输入 npm run build 来进行打包工作。
npm run build

安装插件
1、VSCode：eslint插件
2、VSCode：Vetur
3、浏览器：Vue Dev-Tools

vscode 插件和配置推荐