应用一:Vue之搭建开发环境

简单分享下vue项目的开发环境搭建流程~

1、安装nodeJS

  vue的运行是要依赖于node的npm的管理工具来实现,下载地址https://nodejs.org/en/。安装完成之后以管理员身份运行cmd, 输入node -v,查看node版本号,出现版本号则说明安装成功。

2、安装淘宝npm镜像

  由于npm是国外的使用速度较慢,所以我们需要安装使用淘宝的cnpm镜像命令来管理工具。安装命令如下:

  npm install -g cnpm –-registry=https://registry.npm.taobao.org,在cmd下直接运行即可。

3、安装vue脚手架

  vue的脚手架分为2.0和3.0两个版本,安装命令稍有区别,具体如下:

  2.0版本:cnpm install -g vue-cli

  3.0版本:cnpm install -g @vue/cli

  都是在cmd下直接运行进行全局安装,完成后执行vue -V命令验证是否安装成功。

4、安装 Webpack

  在cmd下执行命令cnpm install webpack -g进行安装。

  注意:webpack 4x以上,webpack将命令相关的内容都放到了webpack-cli,所以还需要安装webpack-cli;安装完成后执行webpack -v验证。

  

  到此所有安装都已完成,接下来可以开始创建vue工程。

5、创建vue工程

  在一个目录下新建一个vuepro文件夹,cd到该目录下,创建新项目vue_project。

  注意2.0和3.0版本的区别:

  2.0版本:vue init webpack vue_project

  3.0版本:vue create vue_project

6、安装工程依赖

  在当前工程目录下执行cnpm install命令,工程根目录下会自动生成node_modules文件夹用于存储项目依赖文件。

  工程目录结构如下(2.0V):

  

6、启动node服务

  执行npm run dev

7、浏览里输入:http://localhost:8080运行项目,出现如下界面说明项目创建成功。

  

原文地址:https://www.cnblogs.com/fengyuexuan/p/10905454.html

时间: 2024-10-16 10:11:54

应用一:Vue之搭建开发环境的相关文章

基于webpack和vue.js搭建开发环境

前言 在对着产品高举中指怒发心中之愤后,真正能够解决问题的是自身上的改变,有句话说的好:你虽然改变不了全世界,但是你有机会改变你自己.秉承着“不听老人言,吃亏在眼前”的优良作风,我还是决定玩火自焚. 问题所在 之前的项目总结为以下内容: 1.AMD模块规范开发,使用requirejs实现,使用rjs打包,最终导致的结果是,输出的项目臃肿,肿的就像一坨狗不理……不忍直视2.使用gulp进行打包,这一点貌似没有可吐槽的地方,毕竟都是被grunt折磨过来的……3.数据的渲染使用模板引擎,这就意味着你要

vue.js:搭建开发环境及构建项目

发环境的搭建 安装node.js 直接下一步就好, 注意安装的位置 Node.js官网:https://nodejs.org/en/ 验证Node.js是否安装好,在windows下,win+r召唤出运行窗口,输入cmd打开命令行窗口.输入node -v即可得到对应的Node.js版本. npm包管理器是集成在Node.js中了,所以在安装Node.js的时候就已经自带了npm. 输入npm -v可得到npm的版本. 注意npm的版本需要在3.0.0以上版本,所以,如果npm的版本小于3.0.0

vue windows搭建开发环境

系统要求: win10 64位 淘宝镜像:https://registry.npm.taobao.org 根路径:我的默认为 D:\ 以下安装我默认node安装目录为node-install , 百度出来的一般安装文件夹为nodejs ,请按照自己要求自己更改 一:windows安装node 和 npm node.js官网下载windows版本node安装包,点击安装 安装时选择安装路径为 根路径\node-install 安装完成后,通过cmd进入dos命令窗口,执行 node -v , np

Linux程序设计(搭建开发环境--curses)

看官们,咱们今天要说的内容,是前面内容的一点小补充,具体的内容是:安装curses开发包,以搭建 开发环境.闲话休说,言归正转. 我们在前面说过搭建开发环境的内容,主要说了开发环境中的GCC和VIM,今天咱们会说如何搭建开发环境 中的另外一个工具:curses. curses是Linux上的一个图形库,不过我们使用的Mint只安装了库文件,没有安装与该库相关的头文件.没 有这些头文件,就不能进行相关的开发工作.因此,如果我们想使用Linux开发一些简单的图形软件的话,就 需要安装与该相关的头文件

Hadoop学习笔记(4) ——搭建开发环境及编写Hello World

Hadoop学习笔记(4) ——搭建开发环境及编写Hello World 整个Hadoop是基于Java开发的,所以要开发Hadoop相应的程序就得用JAVA.在linux下开发JAVA还数eclipse方便. 下载 进入官网:http://eclipse.org/downloads/. 找到相应的版本进行下载,我这里用的是eclipse-SDK-3.7.1-linux-gtk版本. 解压 下载下来一般是tar.gz文件,运行: $tar -zxvf eclipse-SDK-3.7.1-linu

3、Cocos2dx 3.0游戏开发找小三之搭建开发环境

尊重开发人员的劳动成果.转载的时候请务必注明出处:http://blog.csdn.net/haomengzhu/article/details/27107295 搭建开发环境 使用 Cocos2d-x 的一个非常大便利之处在于,我们能够在 PC 或 Mac 环境下完毕编码和大部分的调试,然后再迁移到其它设备 上做实际环境測试.这意味着我们能够在 PC 上开发游戏.然后以极其低廉的成本把游戏迁移到 iOS 或其它平台上,从而节 省了开发阶段支付在设备方面的很多费用. 前面提到,Cocos2d-x

cocos2dx搭建开发环境

windows7 64位 搭建cocos2dx 版本开发环境 目前cocos2dx分为2.x版本和3.x版本,搭建环境稍有不同 先搭建3.1版本win32开发环境 相关准备: 注意:安装路径尽可能不要有中文 cocos2d-x-3.1 Visual Studio - vs 2012及以上, 低级的不支持 Python:安装的版本是:python-2.7.8.amd64.msi  cocos2dx需要python脚本支持 cocos2dx直接解压就行 vs2012安装过程很简单,几乎默认下一步就行

ExtJs学习-搭建开发环境

Extjs是一个非常棒的ajax框架,可以用来开发十分绚丽外观的客户端框架,能使B/S框架更加具有活力.它是一个用javascript编写的框架,与后台技术无关的ajax框架.因此,可以把ExtJs使用在asp.net.java.php等语言开发的应用程序中. 本人学习使用的是3.4版本,在3.4版本上进行学习和实验. 首先是获取Extjs框架,下载之后,解压文件到当前文件夹,目录如下所示: 编写第一个ExtJS程序 在eclipse工具中新建一个项目,引入ExtJs类库,代码在Eclipse中

Win10 IoT C#开发 1 - Raspberry安装IoT系统及搭建开发环境

原文:Win10 IoT C#开发 1 - Raspberry安装IoT系统及搭建开发环境 Windows 10 IoT Core 是微软针对物联网市场的一个重要产品,与以往的Windows版本不同,是为物联网设备专门设计的,硬件也不仅仅限于x86架构,同时可以在ARM架构上运行. The Raspberry Pi Foundation 是英国一个致力于科技推广的慈善组织,为广发爱好者和DIY科技迷开发了搭载ARM架构处理器的 mini 电脑 Raspberry Pi 并获得了成功.而微软最新发