记录相关配置

#查看版本
node -v
npm view vue-cli versions --json
#安装 Node.js 淘宝镜像加速器(cnpm)注意源地址已经改变
npm install -g cnpm --registry=https://registry.npmmirror.com
cnpm install cnpm -g
#全局安装 vue-cli
cnpm install vue-cli -g
#查看是否安装成功
webpack -v
或
vue list
# 这里的 myvue 是项目名称,可以根据自己的需求起名
vue init webpack myvue
#初始化运行
cd myvue
cnpm install
cnpm run dev
#安装并运行成功后在浏览器输入:http://localhost:8080

# 进入工程目录
cd myvue
# 安装 vue-router
cnpm install vue-router --save-dev
# 安装 element-ui
cnpm i element-ui -S
# 安装 SASS 加载器
cnpm install sass-loader node-sass --save-dev
#vue-router 用来页面跳转或者说是组件跳转;elemenet-ui 即 ui 样式库;sass-loader 是 webpack 的一个loader;node-sass 把 sass编译成css。


# 安装依赖
cnpm install
# 启动项目
cnpm run dev


===========
查看本地nodejs的版本号和node-sass的版本号

node -v ---查看nodejs的版本号以及查看其是否安装  Node16   16.14.2
node-sass -v ---查看node-sass的版本号以及查看其是否安装  6.0+

1.报错原因 less 本版太高需要降低版本,执行代码
先移除之前版本:
npm uninstall less-loader
下载指定版本:
npm install less-loader@5.0.0 -D
============暴力解决=======
cnpm install node-sass sass-loader --save
或
cnpm install node-sass sass-loader --save-dev
===========
node 16.14.2

cnpm uninstall node-sass sass-loader
cnpm i node-sass@6.0.1 sass-loader@7.0.3.

====
切换国内镜像
npm install -g mirror-config-china --registry=https://registry.npmmirror.com
npm install sass-loader node-sass -D
=======
cnpm uninstall node-sass sass-loader
cnpm install sass-loader node-sass -D

cnpm i node-sass@6.0.1 sass-loader@7.0.3

==========
vue cli 4.3.1版本脚手架 新人请看系列
 

一、首先安装node.js 

下载地址:https://nodejs.org/en/download/

然后根据电脑的配置看是32位的还是64位的选择相应的进行安装

二、一般node.js安装好后都会有npm,但不是最新版本的,想要可以重新下载。

首先检测一下npm的版本 ,使用指令 npm -v

然后安装,可以使用指令npm install vue-cli -g

但是由于npm是国外的对网络要求比较高,对于网不好的可以安装淘宝镜像

下载地址:https://npm.taobao.org/badge/v/cnpmjs.org.svg

也可以使用指令:npm install -g cnpm --registry=https://registry.npm.taobao.org

三、安装vue-cli : cnpm install -g vue-cli

四、安装webpack:cnpm install webpack -g

检测webpack是否安装成功 webpack -v

接下来就检测一下看看 vue-cli是不是最新版本的 vue -V

五、接下来就可以创建项目了 ,可以使用指令 vue create  项目名称。

==============================开发记录==========插件版本坑太多,必须指定版本============================
配置只读阿里NPM镜像
npm install -g cnpm --registry=https://registry.npmmirror.com
配置环境(省略)环境要求:安装有 Node.js、 vue、 vue-cli
卸载当前cnpm uninstall -g @vue/cli
安装指定版本(不全局安装)cnpm install -g @vue/cli@4.3.1
cnpm install  @vue/cli@4.3.1
安装:cnpm install webpack -g
创建项目:vue init webpack EztgovProject
==============================

  

posted @ 2022-08-24 16:58  飞雪飘鸿  阅读(16)  评论(0编辑  收藏  举报
https://damo.alibaba.com/ https://tianchi.aliyun.com/course?spm=5176.21206777.J_3941670930.5.87dc17c9BZNvLL