vue开发环境搭建

淡淡的烟草味﹌ 2022-04-11 14:25 365阅读 0赞

**前言:**

作为一个后端程序员,但是又想搭建网站.不依靠别人,那只得 自己学点前端.

除了常用的bootstrap之外还想学一样,物色几样 如 easyUI , angular.Js,React.js,**VUE**

等之后,还是选中了 由**中国人 开发的 VUE** 不但火而且 文档对中文支持比较好.

**一、vue-cli脚手架的搭建**

**1.**首先你的电脑上得先安装 node.js 没有安装的可以参照:

[Node.js 安装配置][Node.js]

如果安装成功,打开 cmd 输入 node -v 将会出现:

Microsoft Windows [版本 10.0.17134.407]
    (c) 2018 Microsoft Corporation。保留所有权利。
    
    C:\Users\jacktu>node -v
    v10.13.0

**2**.然后再安装淘宝的 npm 镜像 cnpm 因为 要练国外的网所有 npm 很慢但是 淘宝解决了这个问题

所以我们一般使用以下命令 安装淘宝的镜像:

npm install -g cnpm --registry=https://registry.npm.taobao.org

输入 cnpm -V 出现对应版本 说明 安装好了

然后 cnpm 安装 vue 的脚手架 vue-cli  , npm  也可以但是可能慢一些 , -g 代表全局

cnpm install -g vue-cli

**3.**然后再下载一个初始化 vue -- 下载一个模板项目 项目名自定义

先 **cd 至桌面** , 然后 输入以下命令  就会在桌面生成一个 vue-demo文件夹

vue init webpack vue-demo

**注意: **

输入这个就一直回车，直到出现是否要安装vue-route，这个我们在项目要用到，所以就输入y 回车

然后后面 的一律 可以 输入 n 回车

**4.**完成后 会在 桌面生成一个 vue-demo 文件夹 这是一个vue项目,有 vue的一些依赖和配置

进入此项目 **cd vue-demo ,**因为各个模板之间都是相互依赖的，所以现在我们要安装依赖

cnpm install

**5.**启动项目

cnpm run dev

打开浏览器 访问 **localhost:8080** 即可 看到  效果

[Node.js]: http://www.runoob.com/nodejs/nodejs-install-setup.html

发表评论取消回复

表情：

评论列表（有 0 条评论，365人围观）

还没有评论，来说两句吧...

相关阅读

相关 windows搭建Vue 开发环境

windows搭建Vue 开发环境第一步：node.js 安装下载node.js [下载地址https://nodejs.org/zh-cn/download/]

Bertha 。/ 2023年07月08日 09:11/ 0 赞/ 8 阅读

相关 Vue开发环境搭建

Vue开发环境搭建 1、下载并安装nodejs [https://nodejs.org/][https_nodejs.org] 2、检查版本 node

小咪咪/ 2022年08月31日 06:50/ 0 赞/ 348 阅读

相关 Vue开发环境搭建

一、业务介绍公司业务比较偏向于电商平台，有以下几个模块： 1. C端用户注册与登录 2. B端用户注册与B功能申请、审核、发布内容、下架内容 3. C购买B端内容

阳光穿透心脏的1/2处/ 2022年07月19日 12:40/ 0 赞/ 250 阅读

相关 vue.js开发环境搭建

1.安装node.js(http://www.runoob.com/nodejs/nodejs-install-setup.html) 2.基于node.js,利用淘宝npm

野性酷女/ 2022年06月08日 09:39/ 0 赞/ 252 阅读

相关搭建vue开发环境

原先以为vue和以前用的什么easyUi,echarts差不多，直接引入个js就可以使用，但是查了下相关文档后，需要的东西好多，安装好启动后差不多上午都快过去了，因

迈不过友情╰/ 2022年05月14日 09:53/ 0 赞/ 311 阅读

相关 SpringMVC+VUE开发环境搭建

简单记录一下springmvc+vue搭建 1，准备好springmvc项目重点不在这不讲太多，搭建好的结构如下： ![70][] 2，新建front目录

傷城~/ 2022年05月13日 08:26/ 0 赞/ 400 阅读

相关 vue开发环境搭建

前言: 作为一个后端程序员,但是又想搭建网站.不依靠别人,那只得自己学点前端. 除了常用的bootstrap之外还想学一样,物色几样如 easyUI , angular

淡淡的烟草味﹌/ 2022年04月11日 14:25/ 0 赞/ 366 阅读

相关 VSCode搭建VUE 开发环境

一，下载Node.js,去官网[https://nodejs.org/en/download/][https_nodejs.org_en_download]下载选择Wind

一时失言乱红尘/ 2022年03月28日 02:13/ 0 赞/ 457 阅读

相关 laravel+vue开发环境搭建

From: [https://www.jianshu.com/p/1c2cc11ba46f][https_www.jianshu.com_p_1c2cc11ba46f] 描

痛定思痛。/ 2021年12月03日 02:34/ 0 赞/ 437 阅读

相关 vue.js开发环境搭建

环境准备 Node.js Javascript的运行时环境 npm Node.js下的包管理工具 webpack 前端资源模块化管理和打包工具 v

待我称王封你为后i/ 2021年10月13日 01:19/ 0 赞/ 353 阅读