• 记录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
    

      

  • 相关阅读:
    react Native 运行报错之一 gradle-2.14.1-all解压失败的问题
    react native windows create bundle folder
    gulp+browserSync+nodemon 实现express 全端自动刷新的实践
    nodejs框架express4.x 学习--安装篇
    转: angularjs 指令中动态编译的方法(适用于有异步请求的情况) 内嵌指令无效
    angular 基础练习
    自己写的数组排重+排序
    前端开发bower包管理器
    定位网站性能的一些经验
    记一次大规模数据迁移和加密
  • 原文地址:https://www.cnblogs.com/xiongwei/p/16613834.html
Copyright © 2020-2023  润新知