vue环境搭建

1、下载nvm

安装:路径中不包括中文,空格

安装完成后设置node镜像地址:nvm安装路径的settings.txt中:

node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/

添加环境变量,在系统 Path中添加nvm路径

vue环境搭建_第1张图片

安装成功:

 2、安装node.js

nvm安装时要用管理员运行

查看版本:nvm list available

安装: nvm install 版本

使用某一版本: nvm use 版本

查看: nvm list 

带有型号的是当前使用版本

安装成功:

vue环境搭建_第2张图片

可能出现的问题:

1)、npm查看失败

解决:node下面的npm.cmd文件修改

3、安装cnpm

vscode中运行

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

4、启动项目

cnpm install

可能出现的问题:

1)python未安装

管理员运行powershell,执行

 cnpm install --global --production windows-build-tools

等待安装工具即可

2)启动不成功

vue环境搭建_第3张图片

解决办法:

以管理员身份打开命令行并在项目目录位置下输入:

npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/ 

你可能感兴趣的:(前端,vue.js,npm,前端)