1、下载node.js并安装

下载地址:https://nodejs.org/en/download/。 下载.msi 格式的直接连续下一步就可以了。安装完成后可以用 node  -v  和 npm -v 查看版本号。

2、安装vue-cli 脚手架构建工具

在命令行中输入npm install -g vue-cli,自动下载vue-cli(会生成一大堆的依赖文件)。可输入 vue 查看是否安装成功

3、目使用vux,所以推荐使用vux官网的airyland/vux2 模板。

vue init airyland/vux2 projectName finance

命令行工具会要求填写

1) project name 项目名称  点回车  ,项目名称不能包含大写字母

2)project description 项目描述, 不想写直接回车

3)author  作者

4)install vue-router?  建议安装  Y  回车

5)use ESLint preset      eslint算是一个代码语法规范检查的工具。 我是先安装再关闭检查

6)后面两个 直接N

4、进入项目目录 cd finance

5、安装依赖包 npm install --registry=https://registry.npm.taobao.org  (注意:直接使用cnpm可能会导致依赖不正确。强烈建议给npm设置taobao的registry。)

6、运行项目 npm run dev

转载于:https://www.cnblogs.com/dreamingbaobei/p/9821965.html

从零开始Vue项目实战(二)-搭建环境相关推荐

  1. flask、element、vue项目实战:搭建一个加密excel数据的网站

    文章目录 一.前端 1.1 上传文件 1.2 数据表格 1.3 加密选项 1.4 加密数据 1.5 下载按钮 二.后端 2.1 .upload 文件上传 2.2 table 数据表格接口 2.3 en ...

  2. 【VUE项目实战】37、商品分类功能介绍和基本结构搭建

    接上篇<36.用户分配角色功能> 上一篇我们完成了为用户分配角色的功能,结束了权限管理模块.本篇我们开启新模块"分类管理"的开发,先进行模块的介绍和基本结构的搭建. 一 ...

  3. Python 小白从零开始 PyQt5 项目实战(1)安装与环境配置

    本系列面向 Python 小白,从零开始实战解说应用 QtDesigner 进行 PyQt5 的项目实战. 什么叫从零开始?从软件安装.环境配置开始. 不跳过一个细节,不漏掉一行代码,不省略一个例图. ...

  4. 【VUE项目实战】41、添加商品分类功能(二)

    接上篇<40.添加商品分类功能(一)> 上一篇我们实现了部分添加商品分类的功能,本篇我们来继续处理添加分类时表单相关的内容. 一.优化上一章剩余的小问题 首先我们先处理一下选中之后想要清除 ...

  5. vue 动态添加class_前端开发:Vue项目实战-Music

    大家好,我来了,本期为大家带来的前端开发知识是"前端开发:Vue项目实战-Music",有兴趣做前端的朋友,和我一起来看看吧! 主要内容 项目环境搭建 路由导航实现 ListVie ...

  6. Python 小白从零开始 PyQt5 项目实战(8)汇总篇(完整例程)

    本系列面向 Python 小白,从零开始实战解说应用 QtDesigner 进行 PyQt5 的项目实战.不跳过一个细节,不漏掉一行代码,不省略一个例图. 本系列从软件安装.环境配置开始,介绍了基本应 ...

  7. Python 小白从零开始 PyQt5 项目实战(5)布局管理

    本系列面向 Python 小白,从零开始实战解说应用 QtDesigner 进行 PyQt5 的项目实战. 什么叫从零开始?从软件安装.环境配置开始.不跳过一个细节,不漏掉一行代码,不省略一个例图. ...

  8. Taro多端开发实现原理与项目实战(二)

    Taro多端开发实现原理与项目实战(二) 多端电商平台项目概述及开发准备 学习了前面的基础知识和进阶后是否跃跃欲试?我们准备了一个电商平台的项目来和大家一起实践使用 Taro 开发电商平台. 项目概述 ...

  9. vue 将字符串最后一个字符给替换_前端开发:Vue项目实战-Music

    大家好,我来了,本期为大家带来的前端开发知识是"前端开发:Vue项目实战-Music",有兴趣做前端的朋友,和我一起来看看吧! 主要内容 项目环境搭建 路由导航实现 ListVie ...

最新文章

  1. 借助深度卷积神经网络对图片 GIF 视频进行超分辨率放大(即放大与降噪) 以及 对视频进行 插帧(即补帧).
  2. centOS 6.5 yum升级 gcc4.8 然后又退回来4.4
  3. trunc( mysql写法_使用oracle的trunc和dbms
  4. ###Fedora下安装Retext
  5. Spring 容器:三种方式解决 Resource leak: ‘applicationContext‘ is never closed 问题
  6. 类string的构造函数、拷贝构造函数和析构函数
  7. LeetCode(657)——机器人能否返回原点(JavaScript)
  8. java与javac版本不一致问题
  9. 三个数互质 java_LeetCode 5198. 丑数 III(Java)容斥原理和二分查找
  10. golang for循环时修改自身的值
  11. Navicat 12.1 Macos 激活指南
  12. 回溯算法之迷宫问题(Maze)
  13. 利用Photoshop制作二寸照片
  14. 关于windows10系统连接隐藏网络时,显示无法连接问题的解决方式
  15. 电子警察位置【收藏】
  16. python 读取内存二叉树_Python 二叉树遍历的优雅写法
  17. 剔除错误匹配算法:RANSAC与MSAC分析
  18. Android 使用 okhttp3和retrofit2 进行单文件和多文件上传
  19. 电脑死机故障解决方法全面汇总
  20. 《学习如何学习》Week1 2.4 名人采访:Dr. Terrence Sejnowski

热门文章

  1. 小巧密码破解工具IE PassView使用指南
  2. 局域网共享文件夹设置
  3. 一个很艰难的 Java 核心面试问题!
  4. 如何使用 Redis 实现大规模的帖子浏览计数
  5. 你应该知道的 volatile 关键字
  6. 动态规划:连续子数组的最大和
  7. 操作系统:优先级反转
  8. python3.8安装pygame_Python3.8安装Pygame教程步骤详解
  9. 广东省工业和信息化厅关于印发广东省 5G 基站和数据中心总体布局规划 (2021-2025 年)的通知...
  10. 数据中心的运维管理原则(一)