vue 安装与起步
【摘要】
vue安装:
1、官网下载vue,在script标签里引用(去下载)
2、使用CDN(建议下载到本地,不推荐这种方法):
BootCDN:https://cdn.bootcss.com/vue/2.2.2/vue.min.js
unpkg:https://unpkg.com/vue/dist/vue.js
cdnjs:https://cdnjs.cloudflar...
vue安装:
1、官网下载vue,在script标签里引用(去下载)
2、使用CDN(建议下载到本地,不推荐这种方法):
BootCDN:https://cdn.bootcss.com/vue/2.2.2/vue.min.js
unpkg:https://unpkg.com/vue/dist/vue.js
cdnjs:https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js
3、NPM安装:
npm版本要求,大于3.0
# 查看版本
$ npm -v 2.3.0
#升级
$ npm install npm -g
# 安装vue最新稳定版
$ npm install vue
vue提供了一个命令行工具,可以用于构建大型的单页面应用
# 全局安装 vue-cli $ cnpm install --global vue-cli # 创建一个基于 webpack 模板的新项目 $ vue init webpack my-project # 这里需要进行一些配置,默认回车即可 This will install Vue 2.x version of the template. For Vue 1.x use: vue init webpack#1.0 my-project ? Project name my-project ? Project description A Vue.js project ? Author runoob <test@runoob.com> ? Vue build standalone ? Use ESLint to lint your code? Yes ? Pick an ESLint preset Standard ? Setup unit tests with Karma + Mocha? Yes ? Setup e2e tests with Nightwatch? Yes vue-cli · Generated "my-project". To get started: cd my-project npm install npm run dev Documentation can be found at https://vuejs-templates.github.io/webpack
进入项目,安装并运行:
$ cd my-project $ cnpm install $ cnpm run dev DONE Compiled successfully in 4388ms > Listening at http://localhost:8080
成功执行以上命令后访问 http://localhost:8080/,即可看到预览效果。
文章来源: www.cnblogs.com,作者:姜腾腾,版权归原作者所有,如需转载,请联系作者。
原文链接:www.cnblogs.com/jiangtengteng/p/9705329.html
【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱:
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论(0)