笑颜如水吧 关注:184贴子:14,410
  • 6回复贴,共1

【VUE】踩坑史2019_01_04author by lilian

只看楼主收藏回复

//


IP属地:北京1楼2019-01-04 11:06回复
    1、node js
    一路next
    2、测试版本
    node -v
    ok
    3、测试版本
    npm -v
    踩坑点:权限。以管理员身份运行
    4、安vue-cli
    npm install -g vue-cli
    vue -V
    5、 安webpack
    npm install -g webpack
    踩坑点:新版本webpack分离出一个webpack-cli
    npm install -g webpack-cli
    正题
    1、vue init webpack sNew
    2、npm install
    3、npm run dev
    4、npm
    基本开始
    下一步,开始引用。


    IP属地:北京3楼2019-01-04 11:23
    回复
      yarn某些执行上速度比较快,可以考虑使用
      安装
      npm install -g yarn
      测试
      yarn -v
      安装需要的脚手架
      1、安装jquery
      npm install jquery --save-dev
      //或者
      yarn add jquery
      引入
      //webpack.base.conf.js
      var webpack = require('webpack')
      和module.exports内,加入
      plugins: [
      new webpack.ProvidePlugin({
      $: "jquery",
      jQuery: "jquery"
      })],
      //main.js
      import $ from 'jquery'
      2、测试
      $(function () {
      alert(123);
      });
      npm run dev


      IP属地:北京4楼2019-01-04 11:31
      回复
        踩坑
        npm ERR! Error: EPERM: operation not permitted, mkdir 'C:\Program Files\nodejs
        用管理员身份运行


        IP属地:北京5楼2019-01-04 11:42
        回复
          引入elementUI
          1. 安装 loader 模块:
          npm install style-loader -D
          npm install css-loader -D
          npm install file-loader -D
          2. 安装 Element-UI 模块
          npm install element-ui --save
          3.修改文件
          //webpack.base.conf.js
          {
          test: /\\\\\\\\.css$/,
          loader: "style!css"
          },
          {
          test: /\\\\\\\\.(eot|woff|woff2|ttf)([\\\\\\\\?]?.*)$/,
          loader: "file"
          }
          //main.js
          import ElementUI from 'element-ui'
          import 'element-ui/lib/theme-chalk/index.css'


          IP属地:北京7楼2019-01-04 13:49
          回复
            引入 bootstrap
            1、
            npm install --save-dev bootstrap
            测试。
            添加bootstrapdiv
            npm install --save popper.js
            依赖项


            IP属地:北京8楼2019-01-04 15:11
            回复
              前端


              IP属地:上海9楼2024-02-21 15:14
              回复