VUE学习-环境搭建
来源:互联网 发布:转行程序员 编辑:程序博客网 时间:2024/05/17 17:59
这两天对VUE的知识开始有了兴趣,所以就开始了新的一轮学习路线,写几篇博客记录一下(前面的SpringBoot学习暂时放一段时间了,等前后端框架全部搭建完成,再去考虑做一些均衡、跨域、权限之类的处理)~
首先第一篇:环境框架搭建
首先是下载安装nodeJs
安装完成后输入:
node -vnpm -v
显示正确的版本号,则说明安装成功
然后是安装国内镜像cnpm:
npm install -g cnpm --registry=https://registry.npm.taobao.org
安装 vue-cli VUE的脚手架工具:
cnpm install -g vue-cli
安装完成后,输入
vue -V
出现正确的版本号,则说明安装成功
现在环境基本安装完成,我们进入项目路径下,初始化一个项目模板
vue init webpack vue-demo-cnodejs
然后,终端里面会有提示输入:
//项目名称
? Project name
//项目描述
? Project description
//作者
? Author
//是否安装编译器(回车选择安装就行)
? Vue build (Use arrow keys)❯ Runtime + Compiler: recommended for most users Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specific HTML) are ONLY allowed in .vue files -render functions are required elsewhere
//安装路由管理(回车)
? Install vue-router? (Y/n)
//使用 ESLint 来检查你的代码(Y)
? Use ESLint to lint your code? (Y/n)
//检查风格选择(一般选择第一个)
? Pick an ESLint preset (Use arrow keys)❯ Standard (https://github.com/feross/standard) Airbnb (https://github.com/airbnb/javascript) none (configure it yourself)
//需要安装测试功能(n)
? Setup unit tests with Karma + Mocha? (Y/n)
//测试相关功能(n)
? Setup e2e tests with Nightwatch? (Y/n)
然后进入刚刚创建的项目目录下,执行
cnpm installcnpm run dev
浏览器输入localhost:8080,出现Vue欢迎界面,则说明项目运行成功
阅读全文
0 0
- VUE学习-环境搭建
- Vue学习【一】环境搭建,demo运行
- vue初级学习--idea的环境搭建
- vue学习(一):环境搭建
- vue学习前篇1. vue-cli环境搭建
- VUE学习-webpack搭建Vue项目环境准备
- Vue开发环境搭建
- vue环境搭建
- Vue.js环境搭建
- vue环境搭建
- vue开发环境搭建
- Vue基本环境搭建
- vue.js环境搭建
- vue 开发环境搭建
- vue开发环境搭建
- vue环境搭建
- vue环境搭建详解
- vue环境搭建
- 从文件里面读出1000个随机数,进行排序,再写到另一文件中。(考虑使用重定向dup/dup2)
- Windows 上的倒斜杠以及 OS X 和 Linux 上的正斜杠
- Jenkins入门系列之——02第二章 Jenkins安装与配置
- 视觉设计中发现的11种光学错觉
- Axure8.0
- VUE学习-环境搭建
- 《算法导论》11.3-3解答——k为按基数2^p表示的字符串。试证明:如果串x可由串y通过其自身的字符置换排列导出,则x和y具有相同的散列值。
- 基于Spring的 Redis工具类
- gdb调试Go,info goroutines
- 再谈连接数据库
- 树型DP基础题目总结
- 关系数据库规范化理论---范式
- 两数和-输入已排序的数组-LintCode
- vue2.0 父子传值,子父传值