记录相关配置
#查看版本 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 ==============================