• 记录vue


    #查看版本
    node -v
    #安装 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
    

      

  • 相关阅读:
    前端开发 —— 快速入门:JavaScript & CSS 脚手架
    MySQL全方位练习(学生表 教师表 课程表 分数表)
    php判断是爬虫在访问还是用户浏览器在访问
    Eclipse 安装Activiti插件
    随机生成一串字符串(java)
    js文字转语音(speechSynthesis)
    语音识别(Web Speech API)
    js判断是否为手机端访问
    tomcat部署安全证书文件(阿里云SSL证书)
    springboot文字转语音(jacob)
  • 原文地址:https://www.cnblogs.com/xiongwei/p/16613834.html
Copyright © 2020-2023  润新知