Vue安装及插件安装

Alien| 阅读:1661 发表时间:2018-04-18 18:26:35 JavaScript

一、直接用 <script> 引入

直接下载并用  <script>   标签引入, Vue  会被注册为一个全局变量。

推荐使用CDN链接:

<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>


二、NPM

Vue 提供一个官方命令行工具,可用于快速搭建大型单页应用。该工具为现代化的前端开发工作流提供了开箱即用的构建配置。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目:

# 全局安装 vue-cli
$ npm install --global vue-cli
# 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
# 安装依赖,走你
$ cd my-project
$ npm run dev
# 在浏览器里面输入  localhost:8080

三、安装常用插件

1、安装axios

npm install axios -s

2、安装图片懒加载

npm install vue-lazyload -s

注意事项:

1、在安装过程用有很多选项。其中   use eslint to lint your code?   该选项为使用ESLint规范你的代码,一个空格错误都将报错,不开启,避免不必要的麻烦。

2、在Vue里面修改CSS后保存不刷新问题。找到  webpack.dev.conf.js  这个文件,查找里面的  hot  改为  false  


本文标签: VueVue安装Vue注意事项Vue里面保存CSS不刷新Vue插件安装
*本文由Alien发表并编辑,转载此文章请附上出处及本页链接。如有侵权,请联系本站删除。

热门推荐