Vuejs开发环境的搭建
Windows系统上搭建VueJS开发环境
1、安装node.js:在node.js官网下载对应系统的msi包并安装
注:node的安装分全局和本地模式。一般情况下会以本地模式运行,包会被安装到和你的应用程序代码的本地node_modules目录下。在全局模式下,Node包会被安装到Node的安装目录下的node_modules下。详细解释参看“npm命令随笔”
2、基于node.js,利用淘宝npm镜像安装相关依赖:在cmd输入:
npm install -g cnpm --registry=https://registry.npm.taobao.org
等待安装(注意registry前面是两个-)
3、安装全局vue-cli脚手架,用于帮助搭建所需的模板框架
在cmd输入(1):cnpm install -g vue-cli,回车等待安装
(2)输入vue,回车,若出现vue信息说明表示成功,类似这样
4、创建项目,在cmd里输入:vue init webpack vue_test(项目文件夹名),回车等待出现‘git’下的项,如下图操作(前几个选项自己填,后三个都输入No):
5、安装依赖,在cmd里(1)输入cd vue_test进入项目文件夹
(2)输入cnpm install,回车等待执行完成,后,项目文件夹内多了一个node_modules文件夹(文件夹内的内容就是之前安装的依赖)
6、测试环境是否搭建成功
(1)在cmd输入cnpm run dev,等待命令窗显示编译成功,your application is running here:http://localhost:8080
(2)在浏览器中输入http://localhost:8080,出现下图即表示搭建成功
附:前面1、2、3步是Vuejs开发环境的必要部分,4是新建一个开发项目所需的步骤,若是新导入本地的项目,直接进入第5步,依赖安装成功后,第6.1步运行开发环境。新导入本地的项目,可能会遇上跨域问题:(1)使用的端口已被本地其他服务占用(查询端口的cmd命令netstat -ano,查询出端口对应的pid,再去任务管理器中查看);(2)假如config文件夹的主配置文件index.js中手动修改了配置端口,记得要使服务端app.js文件配置跨域问题处理的端口与其保持一致,否则会出现跨域问题。
litAdmin-master地址:https://github.com/jerry9022/LitAdmin(一个Vuejs开发案例的GitHub地址)
IDEA注册码失效的问题
1、Windows7系统先修改一个本地文件:C:\Windows\System32\drivers\etc\hosts,在最后一行加上:0.0.0.0 account.jetbrains.com(注意ip与地址间有空格)
2、到http://idea.lanyus.com/手动生成注册码
3、打开IDEA时,选择activation code,并输入注册码即可
Vuejs开发环境的搭建的更多相关文章
- VueJs(2)---VueJs开发环境的搭建和讲解index.html如何被渲染
VueJs开发环境的搭建和讲解初始框架 有关如何搭建vue.js框架我这看了一篇文章,自己也根据它进行搭建环境. 文章地址:vue.js2.0实战(1):搭建开发环境及构建项目 接下来对初始的框架进行 ...
- 总结:Mac前端开发环境的搭建(配置)
新年新气象,在2016年的第一天,我入手了人生中第一台自己的电脑(大一时好友赠送的电脑在一次无意中烧坏了主板,此后便不断借用别人的或者网站的).macbook air,身上已无分文...接下来半年的房 ...
- Idea开发环境中搭建Maven并且使用Maven打包部署程序
1.配置Maven的环境变量 a.首先我们去maven官网下载Maven程序,解压到安装目录,如图所示: b.配置M2_HOME的环境变量,然后将该变量添加到Path中 备注:必须要有JAVA_HOM ...
- Linux学习心得之 Linux下命令行Android开发环境的搭建
作者:枫雪庭 出处:http://www.cnblogs.com/FengXueTing-px/ 欢迎转载 Linux学习心得之 Linux下命令行Android开发环境的搭建 1. 前言2. Jav ...
- Java开发环境的搭建以及使用eclipse从头一步步创建java项目
一.java 开发环境的搭建 这里主要说的是在windows 环境下怎么配置环境. 1.首先安装JDK java的sdk简称JDK ,去其官方网站下载最近的JDK即可..http://www.orac ...
- Linux环境下Android开发环境的搭建
本文主要介绍在Ubuntu下Android开发环境的搭建,所使用的IDE为Eclipse(Android Studio同理,且可省去配置SDK以及安装adt插件的步骤). 1.安装JDK (1)JDK ...
- Apache+MySQL+PHP开发环境的搭建(二)
通过自主选择相应的apache,mysql,php等软件,根据自己的应用开发需求进行安装.此方法搭建的环境自主性较强,搭建过程较为复杂,繁琐. 1.所需软件: Apache: http-2.2.22- ...
- Apache+MySQL+PHP开发环境的搭建(一)
通过套件来安装和配置php开发环境. 1.所需软件:AppServ(因为是开源,任何网站都能下载) 安装本软件基本上就是下一步. 2.进行安装 选择一个盘安装该软件点击next继续: 根据自己的实际情 ...
- windows上JSP开发环境全搭建
JSP开发环境全搭建 最近需要用到JSP做项目,所以要配置JSP的开发环境,总结一下配置步骤以备以后再配置需要. 配置JAVA开发环境,配置JDK 下载JDK,在这里下载开发所需的JDK,可以根据自己 ...
随机推荐
- width、height为auto或者100%的区别
一.规则 1. 某div不设置宽度,那么width默认为auto. 2. 某子元素div的width为100%(或者设置为等于父元素宽度的具体值,比如父元素width为100px,子元素width也设 ...
- Windows更改、自定义键盘功能键
为什么要改? 使用mac盘习惯之后回到Windows感觉实盘使用起来很是别扭,所以... 开始行动 新建一个.reg后缀的文件,文件名称随意,编辑输入一下内容:(以下内容是把键盘左侧的CTRL和ALT ...
- Windows AD日志分析平台WatchAD安装教程
目录 WatchAD介绍 安装环境 WatchAD安装(日志分析端服务) 基础环境配置 安装WatchAD 运行WatchAD WatchAD-web安装(Web监控端服务) 下载WatchAD-We ...
- C primer plus 6 编程练习答案
环境:vs2017 /**编程练习2**/ */ #include<stdio.h> int main(void) { printf("张三\n"); printf(& ...
- C#设计模式学习笔记:(9)组合模式
本笔记摘抄自:https://www.cnblogs.com/PatrickLiu/p/7743118.html,记录一下学习过程以备后续查用. 一.引言 今天我们要讲结构型设计模式的第四个模式--组 ...
- 了解JavaScript的语法基础,值和变量
通过JavaScript语法基础学习了解到1.怎么使用js/*通常js的引入和css一样,分为内部,外部和行内引入,执行自上而下,有着先后顺序*/:2.js的语法/*2.1js是用字母,数字.特殊字符 ...
- 【转载】ibit-mybatis介绍
原文链接:ibit-mybatis介绍 概述 ibit-mybatis是一个Mybatis的增强工具,在Mybatis的基础上增加了新的特性与功能,志在简化开发流程.提高开发效率. 特性 无侵入 ...
- spark 报错 InvalidClassException: no valid constructor
2019-03-19 02:50:24 WARN TaskSetManager:66 - Lost task 1.0 in stage 0.0 (TID 1, 1.2.3.4, executor 1) ...
- 利用Bellman-Ford算法(有向图) 判断负环
// 根据Bellman-Ford算法的原理 // 判断负环(算法的最大更新次数,应该是顶点数-1次) // 而如果存在负环,算法会一直更新下去 // 我们根据循环进行的次数,来判断负环 #inclu ...
- C语言实现读取字符转换为浮点数,不使用scanf函数
c语言读取int或者float数据,我们习惯于使用scanf函数,但是如果不使用scanf函数,该怎么实现呢. 这里就来尝试一下,不使用scanf来读取数据并转换为float类型. 下面的getflo ...