Vue环境搭建及安装(Vue入门篇)
来源:互联网 发布:人工智能伏羲觉醒2 编辑:程序博客网 时间:2024/06/05 19:20
Vue理念(题外话)
1、Node安装
具体步骤可自行百度(如菜鸟教程)
http://www.runoob.com/nodejs/nodejs-install-setup.html
2、基于node.js,安装淘宝镜像
国内直接使用 npm 的官方镜像是非常慢的,这里推荐使用淘宝 NPM 镜像。
新建一个文件夹,打开文件夹,在文件夹中按住键盘的 shift键 + 鼠标右边,在弹出弹框中选择“在此处打开命令窗口(W)”,打开命令窗口(cmd),如图
在命令行中输入如下内容:
npm install -g cnpm –registry=https://registry.npm.taobao.org
回车,等待安装完成……
3、安装webpack
继续在命令窗口中输入如下内容:
cnpm install webpack -g
回车,等待安装完成……
4、安装全局vue-cli脚手架
继续在命令窗口中输入如下内容:
cnpm install vue-cli -g
回车,等待安装完成……
5、创建本地Vue项目
继续在命令窗口中输入如下内容:
vue init webpack 你自己随便起的文件名 ( 名字不能用中文 )例如: vue init webpack vue_test
回车,如下图
注:项目建立过程中,建议ESlint选项选择no。ESlint会规范你的代码,一个空格错误都有可能报错;
6、进入新建的目录中
继续在命令窗口中输入如下内容:
cd 目录名称(你自己刚刚起的文件名)
回车
7、安装项目依赖 这一步会比较慢 因为文件很多
继续在命令窗口中输入如下内容:
npm install
注:不要从国内镜像cnpm install安装,会导致后面缺了很多依赖库(网上看到,未证实)
新建项目如下
8、启动项目
继续在命令窗口中输入如下内容:
cnpm run dev
启动项目之后,浏览器自动打开新页面(如下图),则表示Vue项目环境搭建及安装成功
9、命令窗口退出监听(Ctrl + C)
- Vue环境搭建及安装(Vue入门篇)
- vue入门--环境搭建
- vue入门环境搭建
- vue环境搭建(一)webpack和vue-cli安装
- Vue-cli安装、Vue基本环境搭建
- Vue.js入门环境搭建
- vue.js入门环境搭建
- Vue.js入门环境搭建
- vue 环境搭建与安装
- Vue.js 运行环境搭建详解(基于windows的手把手安装教学)及vue、node基础知识普及
- Vue入门实战01:搭建webpack+vue开发环境
- vue.js入门学习(搭建环境和测试demo)
- Vue.js入门之环境搭建
- Vue.js开发环境搭建-工具安装(vue-cli)
- vue环境搭建中的错误及解决
- Vue开发环境搭建及热更新
- vue.js安装和环境搭建
- Vue.js2.0 入门实例(一)(环境安装)
- NOIP2016提高组题解
- HttpClient获取京东商城评论(java实现)
- [LeetCode] 41. First Missing Positive
- redis池化连接
- 完数
- Vue环境搭建及安装(Vue入门篇)
- 资源 | 最新机器学习必备十大入门算法!都在这里了
- 第五章 递归综合习题(leetcode)
- Python 中dict字典get方法讲解
- leetcode 4. Median of Two Sorted Arrays
- vue学习笔记(一)
- 设计模式学习
- Windows消息队列(25 分)
- 关于RxJava2的使用心得