【Vue起步-Windows】N01：环境安装

本文基于“vue.js安装过程(npm安装)”文章内容及个人出现的问题整合而成。

1、安装npm环境

在Node官网中下载最新的windows版msi安装包，并默认所有安装选择。

2、查看npm安装版本

npm -v

3、基于node.js,利用淘宝npm镜像安装相关依赖。

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

安装过程出现的问题：“npm WARN deprecated socks@1.1.10: If using 2.x branch, please upgrade to at least 2.1.6 to avoid a serious bug with socket data flow and an import issue introduced in 2.1.0”

原因：只是一个警告，可以忽略，说你有一个包过时了，建议升级到高版本

解决：

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

安装全局vue-cli脚手架,用于帮助搭建所需的模板框架。

全局安装命令：

cnpm install -g vue-cli

查看是否安装成功：

5、用vue-cli构建项目

创建一个基于 webpack 模板的新项目

vue init webpack study1807

这里需要进行一些配置

解释说明-摘自：用Vue创建一个新的项目

设置结束后会提示：

6、安装依赖

在cmd里

1).输入：cd my-project（项目名），回车，进入到具体项目文件夹2).输入：cnpm install，回车，等待一小会儿

7、启动项目

在cmd里

npm run dev

拓展：前端自动化测试是干嘛的？

转载于:https://www.cnblogs.com/ylhssn/p/9250157.html

【Vue起步-Windows】N01：环境安装相关推荐

windows Perl环境安装与Hello World
windows Perl环境安装与Hello World Windows环境安装 Hello World Windows环境安装安装包下载地址: https://strawberryperl.com ...
1.1.Perl环境安装-Windows下环境安装
Perl环境安装-Windows下环境安装 B站视频教程: 菜鸟学生信一.Perl软件下载安装下载:https://strawberryperl.com/releases.html 安装:解压即可 ...
Appium自动化测试1：Windows Appium环境安装
请注意,如果电脑是64位,则都下载64位的软件,以免环境不同. 一.适用操作系统 Win7 旗舰版Sp1 64位操作系统或 32位操作系统二.安装步骤: 1)安装JDK 下载地址:链接: http ...
hadoop的安装需要java_Hadoop windows本地环境安装
有时候需要调试hadoop的程序,如果都要传到linux上,非常不方便.我们可以搭建一个windows的单机版本hadoop环境,测试我们的代码. 一.下载所需文件 JDK下载地址,jdk1.8下载 ...
windows vc2017 环境安装pycrypto 出错解决
错误提示 C:\Program Files (x86)\Windows Kits\10\include\10.0.17134.0\ucrt\inttypes.h(27): error C2061: 语 ...
配置鸿蒙Windows烧录环境用Hiburn烧录第一个程序
HarmonyOS配置Windows环境 && 烧录第一个程序配置Windows烧录环境安装Visual Studio Code 检测版本安装Node.js 说明安装JDK 说 ...
windows系统下 VUE cli手脚架环境安装
1.安装 node.js环境 (cmd命令工具里输入 node -v 检测是否安装成功) 2.安装VUE 全局环境 npm install --global vue-cli (cmd命令工具里面安装 ...
vue.js环境安装
1.到官网(http://nodejs.cn/download/)下载Node.JS运行环境并安装(由于现在的Node中自带npm包管理器,所有就不需要额外下载npm了) 2.如果是新手,那么建议以引 ...
Vue.js-Day03-AM【超级详细：Node.js环境安装、安装淘宝镜像（Win、Mac）、安装Vue脚手架、初始化Vue项目-命令解释（Vscode、命令行窗口）、目录介绍、Vue文件介绍】
Vue.js实训[基础理论(5天)+项目实战(5天)]博客汇总表[详细笔记] 目录 1.Node.js-环境安装 1.1.Node.js-详细安装步骤 2.vue-cli脚手架安装 2.1.安装 ...