vue开发环境安装步骤

前提:vue开发前提是安装好nodejs后,在nodejs环境下运行
1.npm工具在国内的网络环境下比较慢
  推荐使用淘宝npm镜像https://npm.taobao.org/
  使用以下命令安装cnpm,以后就可以用cnpm来代替npm:
 npm install -g cnpm --registry=https://registry.npm.taobao.org
2.cnpm -v 查看当前cnpm安装版本
3.cnpm install -g vue-cli 安装脚手架(-g全局安装在系统的node目录下 如果不加安装在当前目录下)
  vue  会看到vue变成了一个命令
  vue --version 会看到目前vue的版本
  vue list 看到会用那些模版
  在mac环境下加上sudo npm install -g vue-cli 提高权限
4.vue init webpack my-project
  下载模版,初始化项目(报错可能是hosts没有恢复到原始状态的原因)
  目前默认的模版是2.0的 如果想安装1.0的:vue init webpack#1.0 my-project
5.cd my-project 查看当前项目的文件
  vi package.json 查看配置文件 (vi进入文件夹 连续按2次大写字母Z退出vi 回到命令行模式)
6.cnpm install
 安装依赖 在当前目录下会多出一个node_modules的文件夹 所有的依赖会自动下载完成
7.cnpm run dev
 服务器启动了 查看到当前的监听的端口  http://localhost:8080
8.在项目的src目录下进行开发

  

  

时间: 2024-11-02 23:29:53

vue开发环境安装步骤的相关文章

搭建vue开发环境的步骤,六步完成

搭建vue开发环境的步骤,其实也挺简单的,之前这环境的配置也困扰着我一:在搭建vue的开发环境之前,一定一定要先下载node.js,vue的运行是要依赖于node的npm的管理工具来实现,下载地址:http://nodejs.cn:注意是32还是64位:二:下载好node之后,打开docs管理工具,先看看node安装成功了没有,输入 node -v ,回车,会输出node的版本号. 三:淘宝镜像安装成功之后,我们就可以全局vue-cli脚手架,输入命令:npm install --global

搭建vue开发环境的步骤

原文链接 vue现在在前端,相对于算是现在前端工程师都比较常用的框架之一,他和angular有一些相似之处,所以用过angular的伙伴们,再来学习vue应该不会感觉太难: 一:在搭建vue的开发环境之前,一定一定要先下载node.js,,vue的运行是要依赖于node的npm的管理工具来实现,node可以在官网或者中文网里面下载,根据自己的电脑选择是32还是64 ,网址:http://nodejs.cn: 二:下载好node之后,打开docs管理工具,先看看node安装成功了没有,输入 nod

【原创】win10下搭建vue开发环境+IIS部署

[原创]win10下搭建vue开发环境 如果要转发,请注明原作者和原产地,谢谢! 特别说明:下面任何命令都是在windows的命令行工具下进行输入,打开命令行工具的快捷方式如下图: 详细的安装步骤如下: 一.安装node.js 说明:安装node.js的windows版本后,会自动安装好node以及包管理工具npm,我们后续的安装将依赖npm工具. node.js的官方地址为:https://nodejs.org/en/download/,如下图所示: 根据自己电脑的具体配置,选择你要下载的安装

[傻瓜版] Redis在Windows下的开发环境配置步骤

redis默认运行在unix体系下,windows无法直接运行官方版.以下是几种解决方案, 一)Windows移植版.启动速度飞快,优先推荐使用. a) 2.6.12 是稳定版,我用来64位版做开发环境,数个月未发现重要问题.  下载地址: https://github.com/MSOpenTech/redis/tree/2.6/bin/release b) 2.8.4 是3月24发布的最新版,此版本运行时会临时占用内存大小的硬盘空间,下载地址: https://github.com/MSOpe

Java开发工具安装步骤内容如下

Java开发工具安装步骤内容如下 安装 开发工具 STS 链接下载网址 eclipse 链接下载网址 JDK安装 jdk链接下载地址 Marven环境 marven链接下载地址 Tomcat tomcat链接下载地址 jboss下载链接地址 以上文件下载完成后,将JDK安装,安装完成后,进行配置. 找到我的电脑,右键属性,选择高级系统设置,会有一个弹出框弹出,然后选择本机用户的用户变量进行配置. 新建环境变量, JAVA_HOME,内容是安装的jkd的地址. 如图:  变量名:JAVA_HOME

面试官:自己搭建过vue开发环境吗?

转自大佬:不懂代码的攻城师 开篇 前段时间,看到群里一些小伙伴面试的时候被面试官问到这类题目.平时大家开发vue项目的时候,相信大部分人都是使用 vue-cli脚手架生成的项目架构,然后npm run install 安装依赖,npm run serve启动项目然后就开始写业务代码了. 但是对项目里的webpack封装和配置了解的不清楚,容易导致出问题不知如何解决,或者不会通过webpack去扩展新功能. 该篇文章主要是想告诉小伙伴们,如何一步一步的通过 webpack4来搭建自己的vue开发环

Visual Studio Code 配置VUE开发环境

简介 VSCode(Visual Studio Code)这款开发工具是微软官方出品,开源,免费.功能相当强大.插件丰富,使用者很多,是Vue开发的不二之选.下面讲解下VSCode 配置VUE开发环境 下载 官方:https://code.visualstudio.com/ 在官方下载安装包,点击操作按照指导进行安装就可以,过程比较简单,这里不进行详细介绍. 概念讲解(Workspace&Folder) VSCode中分Workspace和Folder,Workspace相当于是一个项目的集合,

mac 开发环境安装使用 记录

---恢复内容开始--- 常用命令 1 查找文件位置: $locate php-fpm 软件变动的话更新locate本地库,可能比较耗时. $sudo /usr/libexec/locate.updatedb 2 查找运行文件位置 $whereis php-fpm $witch php-fpm 所有命令最好再超级管理员下运行,防止权限问题.要不然每次加sudo也很烦,另外安装是最好删除掉以前安装的软件 homebrew部分 是一个非常好的mac下的开发软件管理器.集安装卸载升级于一体.非常方便.

React Native 开发环境安装和配置使用报错: -bash: react-native: command not found

[React  Native 开发环境安装和配置:-bash: react-native: command not found 报错: 前提是安装homebrew,node.js ,npm ,watchman,flow都成功.React  Native 开发环境安装和配置 执行react-native init TestProject 命令 创建demo时报错:-bash: react-native: command not found 报错提示:Please include the follo