最近翻了遍VUE的文檔,非常喜歡,於是就裝了下。但是裝VUE-CLI挺耗時間的,花了2天,才裝好。因為install的過程中經常某個modules下載不了。
npm install -g vue-cli
在ubuntu中下載位置位於
/usr/local/lib/node_modules/vue-cli
執行vue -V 可以查看版本
裝了atom IDE,install了language vue plugin。
然後執行vue init webpack mydemo 報錯
因為nodejs的版本太低了,現在是0.10
執行
sudo npm cache clean -f
sudo npm install -g n
sudo n stable
升級nodejs 到7.4.0
再次執行
vue init webpack my-project
現在會出很多提示,其中projectname不能帶-,改成mydemo
生成了項目文件見附件2
再執行 npm install 安裝項目依賴modules
運行開發環境
# serve with hot reload at localhost:8080
npm run dev
運行正式環境
# build for production with minification
執行測試
npm run build
# run unit tests
npm run unit
# run e2e tests
npm run e2e
# run all tests
npm test
參考:http://www.qdfuns.com/notes.php?mod=view&u=15904&id=fbb4d15b9c22fd373b605805bde8fd44
繼續研究ING。。。
- 大小: 14.4 KB
- 大小: 24.5 KB
分享到:
相关推荐
Vue入门学习小案例-小王记事本 Vue入门学习小案例-小王记事本 Vue入门学习小案例-小王记事本 Vue入门学习小案例-小王记事本 Vue入门学习小案例-小王记事本 Vue入门学习小案例-小王记事本 Vue入门学习小案例-小王...
vue从安装到入门, 1,安装环境:node.js(vue开发必须的环境) 2,使用淘宝镜像,(加快速度的) 3,vue的几种安装方法, 4,vue的几大组件 5,vue的基本方法的使用的讲解demo 6,入门
在本Vue入门知识PPT中,作者分享了一些基础到进阶的知识点,帮助初学者快速掌握Vue。 一、Vue的基本结构 Vue应用由一个根Vue实例构成,通过`new Vue()`来创建。在这个实例中,我们可以定义数据、方法、计算属性和...
vue从入门到精通适合刚入职场的小白,也适合职场多年的前端高手,为您全方位打造
本篇内容将围绕"Vue入门及实战应用"这一主题,深入浅出地介绍Vue的核心概念、基本语法以及在实际项目中的应用。 1. **Vue核心概念** - **虚拟DOM**: Vue通过虚拟DOM技术,提高了UI渲染的性能,减少了不必要的DOM...
本课件“ppt课件-第1章 Vue入门.zip”是针对初学者设计的,旨在帮助学习者快速掌握Vue的基础知识和核心概念。 在Vue.js中,主要知识点包括: 1. **MVVM模式**:Vue采用Model-View-ViewModel架构,提供数据绑定和...
在“vue入门小例子”这个项目中,我们可以看到作者通过实践Vue.js的基本特性来学习和理解这个框架。这里我们将深入探讨Vue.js的核心概念和在`TestVUE.html`和`vue.js`这两个文件中可能涉及的知识点。 首先,Vue.js...
在命令行中输入`npm install vue`进行全局安装,或者在项目目录下运行`npm install --save vue`进行局部安装。在HTML文件中引入Vue.js后,你可以创建一个Vue实例,如`new Vue({ el: '#app' })`,并利用`data`属性来...
这个入门级案例通过创建一个购物车应用来教授Vue的基本概念和实际应用。 1. **Vue核心概念**: - **模板语法**:Vue使用双大括号`{{ }}`进行数据绑定,支持条件语句(v-if/v-else)、循环(v-for)、事件处理(v-...
它基于Node.js,通过npm(Node包管理器)安装,可以快速生成项目骨架,自动配置Webpack等构建工具。 Vue-router是Vue的官方路由库,用于管理应用的路由状态,实现页面间的导航。Axios则是一个常用的第三方库,用于...
本文将从入门到精通的角度详细介绍Vue 3.0的关键知识点。 首先,安装Vue 3.0的开发环境是至关重要的。你可以通过npm(Node Package Manager)全局安装Vue CLI的最新版本,命令为`npm I -g @vue/cli@next`。接着,...
Web前端Vue2.0 + Vue3.0 全套入门到精通教程
Vue入门教程 本资源摘要信息是基于 Vue.js 入门教程的详细知识点总结,涵盖 Vue.js 的基本原理、安装教程、语法教程和案例展示。 一、Vue.js 基本原理 Vue.js 是一个用于构建交互式 Web 界面的库,专注于 MVVM ...
SystemVue是一款专业的电子设计自动化软件,用于电子系统级设计,允许用户模拟并验证他们设计的通信系统。SystemVue可以在时域和频域同时进行模拟,拥有基频和射频组件、滤波器、调制解调器等多种器件。同时,它还...
这个"vue入门实例 js html css vue模板"压缩包很可能是为了帮助初学者快速理解如何将Vue与HTML、CSS和JavaScript结合使用,创建一个基本的Web应用。 Vue的核心特性包括组件化、响应式数据绑定、指令系统以及生命...
根据提供的文件信息,“Vue 入门到精通”这一主题涵盖了从初学者到高级阶段的Vue.js框架学习内容。虽然提供的链接似乎是外部资源而非文本内容,我们依然可以根据标题、描述及部分可见信息来构建一系列与Vue.js相关的...
### Vue入门day01笔记详解 #### 库与框架的区别 在软件开发中,库(library)和框架(framework)都是提高开发效率、简化开发流程的重要工具,但它们有着本质的区别。 - **库(Library)**: - 库通常为开发者...
### Vue.js 入门到精通:深入理解 Vuex #### 一、引言 在现代前端开发领域,Vue.js 已成为构建用户界面的一种流行选择。它以其轻量级且易于集成的特点,在众多框架中脱颖而出。随着项目的复杂度增加,状态管理变得...
Vue 入门讲解 Vue.js 是一个渐进式的 JavaScript 框架,用于构建用户界面。以下是 Vue 入门讲解的知识点总结: 目录结构 在使用 npm 安装 Vue 项目后,我们可以在 IDE 中打开该目录,结构如下所示: * `node_...