美文网首页
零基础学VUE(一)VUE环境配置

零基础学VUE(一)VUE环境配置

作者: 大江随笔 | 来源:发表于2020-02-19 11:42 被阅读0次

如果你接手了一个VUE项目,需要做环境配置,操作步骤如下:

1、首先在Node.js网站下载对应的安装包进行安装

     下载地址:https://nodejs.org/zh-cn/

2、安装后在cmd命令行输入Node --version会显示版本号

3、继续在cmd命令提示符中输入以下指令安装淘宝镜像(此过程需要一段时间):

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

注:安装完淘宝镜像后,即可在命令提示符中输入以下指令:

npm -v    # 查看版本 

cnpm install npm -g    # 升级 npm

npm install cnpm -g    # 升级或安装 cnpm

cnpm install vue     #  NPM 安装VUE最新稳定版

4、在cmd命令提示符中输入以下指令安装cli(脚手架):

cnpm install vue-cli -g  

5、打开VUE项目,在vue项目命令行(Termial)输入以下指令安装项目依赖:

cnpm install  

6、在vue项目命令行输入以下指令的任意一种即可生成并显示调试项目的url:

指令一:npm run dev

指令二:npm run serve

若装过yarn,则用指令三:yarn run serve

相关文章

  • 零基础学VUE(一)VUE环境配置

    如果你接手了一个VUE项目,需要做环境配置,操作步骤如下: 1、首先在Node.js网站下载对应的安装包进行安装 ...

  • Vue基础语法3

    vue基础语法三 vue-cli脚手架 vue-cli脚手架是vue官方提供的一个快速构建单页面配置环境vue-c...

  • wepack从0开始配置vue环境之二: 线上部署配置优化

    wepack从0开始配置vue环境之一:基础配置webpack之三集成vuex和vue-Router 调整目录结构...

  • vue3+ts+electron踩坑记录

    本文包括vue3的基础环境搭建和electron配置,全TS。全部技术栈为:vue3+ts+antdv+vite+...

  • vue-cli多页面配置

    vue-cli多页面配置 对于vue-cli的基础配置可以参考我的这篇blog vue-cli的基础运用 阅读本...

  • vue-axios 解决跨域问题

    vue3.0环境下 一,在vue.config.js 文件中(vue.config.js文件配置参考[vue]ht...

  • Vue 路由懒加载问题

    首先描述一下我的开发环境配置: vue: 2.6.11vue-router: 3.2.0vue-cli: 3.9....

  • 前端实践VUE

    1:环境搭建 首先我们需要配置下环境,安装node.js,可以方便编译vue文件,配置vue-cli,配置淘宝镜像...

  • vue-element-admin技术栈

    基础概念 vue-cli vue-cli 俗称vue脚手架,是一个vue开发的环境,将你写的vue文件、sass文...

  • vue+iview搭建项目

    1、安装配置vue 前提是已经安装并配置好node和npm环境,先搭建vue脚手架 vue-cli # 全局安装 ...

网友评论

      本文标题:零基础学VUE(一)VUE环境配置

      本文链接:https://www.haomeiwen.com/subject/pzjugxtx.html