基于node.js开发环境下创建开发vue.js项目的环境配置骤如下:

步骤一:安装node.js,安装完后运行node -v命令检安装node的查版本,判断是否安装成功。Npm是node.js包管理工具。安装node就会自动安装它的包管理工具,查看是否成功安装运行npm -v命令即可。
//这些是在互联网电脑上完成
步骤二:安装vue的打包工具webpack, 运行命令npm install webpack -g(-g代表全局安装);

步骤三:安装vue.js,运行命令npm install vue -g;

步骤四:安装vue-router,运行命令npm install vue-router -g;

步骤五:安装vue的脚手架vue-cli,运行命令运行npm install vue-cli -g ;
检查vue是否安装成功运行vue -V,查看版本号。

安装完以上这些就可以新建一个vue的项目了。在你想要创建项目的位置下运行命令vue init webpack “项目名”即可按照提示创建一个新的项目。如图:

创建完这个项目后拷贝到公安网即可在内网进行开发。

下载之后开发所需要的基本组件:
1.Vuex,在项目下运行npm install vuex --save
2.Element,在项目下运行npm install element-ui -S;
3.Animate,在项目下运行npm install animate;
4.Axios,在项目下运行npm install axios;//基于promise用于浏览器和node.js的http客户端
5.Less,在项目下运行npm install -g less
6.还有一些其它的组件比如echart,swiper等需要的效果组件一般都有通过npm方法下载。

基于node.js开发环境下创建及开发vue.js项目的环境配置骤相关推荐

  1. 宝塔面板部署nuxt_MacOS下创建及部署vue.js项目(及Nuxt.js、PM2等相关流程)

    开发环境 权限准备 为避免后续流程出现权限不足的相关提示,首先在终端中输入以下代码检查当前系统是否已开启了对系统文件夹的保护: csrutil status 若结果为csrutil enabled,则 ...

  2. 在Windows环境下搭建Android开发环境

    标题:在Windows环境下搭建 Android 开发环境 作者:CrazyPebble 时间:2011年2月28日 声明:此文在参考其他网上资料以及笔者实践总结写下,一来自己可以做一些总结,二来给跟 ...

  3. linux环境生成weblogic密钥,Linux环境下创建weblogic服务.doc

    Linux环境下创建weblogic服务 weblogic用户登录10.218.0.25. 执行一下命令 cd /bea/weblogic92/common/bin ./config.sh 选择创建一 ...

  4. python没有联网_无网环境下的 Python 开发指南

    说起有关 Python 的指南,便一定得提到 K 神创建的『Python最佳实践指南』,英文名字是『The Hitchhiker's Guide to Python!』.毫不夸张地说,K 神创建的指南 ...

  5. Ubuntu Linux环境下的Android开发环境的配置

    在Android底层开发中需要用到的工具有:JDK6或以上版本:Eclipse3.4或以上版本:ADT;CDT;Android SDK:Android NDK:交叉编译环境:Linux内核源代码:An ...

  6. windows环境下搭建rabbitMQ开发环境

    2019独角兽企业重金招聘Python工程师标准>>> windows环境下搭建rabbitMQ开发环境 1.下载与安装 erlang rabbitmq 是使用erlang语言开发的 ...

  7. .NET 容器环境下创建应用 dump 文件

    .NET 容器环境下创建应用 dump 文件 Intro 有时候我们的应用会出现一些异常的情况,比如内存飙升,线程死锁等等,通过一些 metrics 我们可能大概的了解内存是增长了,但是具体是哪里增长 ...

  8. RAC环境下创建本地数据文件的解决方法

    引用收藏:http://blog.itpub.net/501889/viewspace-1083311/ 同事不小心,在RAC环境下创建了本地数据文件,这个肯定会出问题的,节点2不能访问此数据文件.其 ...

  9. ROS 教程之 navigation :在 catkin 环境下创建costmap layer plugin

    在做机器人导航的时候,肯定见到过global_costmap和local_costmap.global_costmap是为了全局路径规划服务的,如从这个房间到那个房间该怎么走.local_costma ...

最新文章

  1. 关于vivo 8.0和miui新系统android studio调试出现“包解析错误”的bug的解决办法
  2. Spring MVC 中急速集成 Shiro 实践
  3. Team Task:DP
  4. 外企面试--基本涵盖了所有问题
  5. C# 实现ReadInt()直接输入数字的函数 含有检错功能
  6. 必做作业2:目前比较火的直播软件调研
  7. oracle 不存在函数,Oracle – 此范围内不存在名称为X的函数
  8. 【二分】Best Cow Fences(poj 2018)
  9. junit规则_JUnit规则
  10. arrays.sort(._Arrays.sort与Arrays.parallelSort
  11. python判断是不是整数1002python判断是不是整数_Python判断一个数是不是为整数的方法...
  12. IT公司对员工电脑监控一般使用什么软件?
  13. TransCAD的选择集应用简介
  14. 怎么给PDF文件添加页码,你知道简单的方法吗?
  15. CentOS部署ScyllaDB 3.3集群
  16. Chrome配置Proxy代理
  17. 在微信里接收文件后如何指着文件用咱编的APP打开?
  18. go语言工具_Concurrent Map
  19. Oracle EBS R12 整合ADF
  20. SpringBoot | 四大核心之actuator(程序监控器)

热门文章

  1. iOS客户端的title不显示解决方案
  2. python中flatten_Python中flatten( )函数及函数用法详解
  3. gaitset全代码实现问题总结
  4. canvas——绘制图片——动图制作
  5. 相位解包裹(五)枝切法(Goldstein’s branch cut algorithm)
  6. wps word修改目录行间距后出现空行的现象,且删除按键无效
  7. 二进制里的「逢二进一」是什么意思
  8. 如何解决win10应用商店打不开——错误码0x80131500
  9. 计算机这一门在高考里占分吗,2018高考各科答题要点 从答题规范上“要分”
  10. Robot Framework + Pywinauto 框架实现Windows GUI Automation