Vue环境搭建

时间 2021-08-14 标签 vue node webpack web vue-cli npm socket ide 学习

一、下载node.js,地址：http://nodejs.cn,安装完成后在cmd中查看是否已安装成功：node -vvue

二、安装淘宝npm镜像:npm install -g cnpm --registry=https://registry.npm.taobao.org,安装过程当中若是发生以下警告信息node

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
C:\Users\Administrator\AppData\Roaming\npm\cnpm -> C:\Users\Administrator\AppData\Roaming\npm\node_modules\cnpm\bin\cnpm
+ cnpm@6.0.0
added 679 packages from 898 contributors in 38.097swebpack

能够尝试以下操做：

cnpm install cnpm@6.0.0

使用cnpm -v 命令查看一下是否安装成功，以下图：web

三、下面安装vue-cli脚手架，输入命令：cnpm install --global vue-cli 回车；验证是否安装成功，在命令输入vue，出来vue的信息，及说明安装成功；vue-cli

四、利用脚手架建立vue开发项目包npm

vue init webpack myProjec

若是建立项目时一直处于downloading template状态处理，但是以前安装webpack的问题，能够尝试：npm install webpack -g从新安装一下试一下。socket

五、完成安装后运行cnpm run dev便可ide

注：若是有相似以下警告信息，能够按照提示进行安装：学习

npm WARN ajv-keywords@2.1.1 requires a peer of ajv@^5.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.7 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.7: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

进行项目目录后运行：ui

npm install -g npm-install-peers

npm install -g npm

npm i ajv

学习交流群：364976091