vue学习01----安装
来源:互联网 发布:新三板智库 大数据 编辑:程序博客网 时间:2024/05/27 19:28
一、项目搭建(一共2步)
1.安装前:你需要安装node,并且切换成淘宝的镜像。
npm install -g cnpm --registry=https://registry.npm.taobao.org2.搭建vue项目如下:
Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置,带来现代化的前端开发流程。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目:
# 全局安装 vue-cli$ npm install --global vue-cli# 创建一个基于 webpack 模板的新项目$ vue init webpack my-project# 安装依赖,走你$ cd my-project$ npm install$ npm run dev
报错:
默认是8080端口,改端口被占用,打开项目,进入 config>index.js中
修改端口号,再次运行 npm run dev 运行项目
运行成功,打开页面:
有的会报错,如下:
这个是因为版本的问题,我之前就遇到了,搞了半天才明白,哎
查看自己的node npm 版本是不是太低了,更新到新版本,应该就没问题了。
window更新node的版本,需要重新安装node,在node的官网上下载最新版本的node,安装第一次安装的步骤进行安装,重新新建项目,按照以上的步骤,应该就没有问题了
阅读全文
0 0
- vue学习01----安装
- cnpm安装vue 学习
- Vue学习笔记(1)安装vue
- vue学习之路(一)--vue-cli安装+vue-router+vue-resource
- vue学习笔记01
- vue-i18n学习-01
- vuejs学习系列-vue-cli的安装
- Vue 学习笔记1之安装
- vue.js学习笔记,一、安装部署
- Vue的安装教程 呆萌式学习
- vue.js的学习01
- Vue安装
- vue安装
- vue安装
- vue安装
- 安装vue
- Vue安装
- vue安装
- C++——NOIP2015提高组day2 t3——运输计划
- docker部署tomcat6环境
- VBA开发者的转型之路
- Servlet, JSP实现页面跳转
- MySQL数据库元数据简要说明
- vue学习01----安装
- html如何制作自适应的列表显示
- Java开发实战1200例(第二卷)学习笔记—网络应用基础
- 基于jdk1.8的equals()与hashCode()方法详解
- “极速”软件开发[免费]评估——ThinkSNS
- android高仿微信联系人选择
- 如何修改eclipse 中jvm内存大小
- HDU6082-度度熊与邪恶大魔王
- js中加“var”和不加“var”的区别