精华内容
下载资源
问答
  • 使用vue init webpack 创建vue项目时报如下错误: vue init webpack my-project C:\Users\computer\AppData\Roaming\npm\node_modules\vue-cli\bin\vue-init:60 let template = program.args[0] ^^^ SyntaxError: ...
  • vue init webpack 建vue项目报错

    千次阅读 2018-03-30 10:48:09
    使用vue init webpack 创建vue项目时报如下错误:vue init webpack my-projectC:\Users\computer\AppData\Roaming\npm\node_modules\vue-cli\bin\vue-init:60let template = program.args[0]^^^SyntaxError: Block-...

    使用vue init webpack 创建vue项目时报如下错误:

    vue init webpack my-project

    C:\Users\computer\AppData\Roaming\npm\node_modules\vue-cli\bin\vue-init:60
    let template = program.args[0]
    ^^^


    SyntaxError: Block-scoped declarations (let, const, function, class) not yet supported outside strict mode
        at exports.runInThisContext (vm.js:53:16)
        at Module._compile (module.js:374:25)
        at Object.Module._extensions..js (module.js:405:10)
        at Module.load (module.js:344:32)
        at Function.Module._load (module.js:301:12)
        at Function.Module.runMain (module.js:430:10)
        at startup (node.js:141:18)

        at node.js:1003:3

    解决方法:

    1.先检查npm和node的版本

    查看npm版本:npm -v

    升级npm: npm install -g npm

    查看node版本:node -v

    升级node版本:https://nodejs.org/ 官网现在下载最新的node安装

    2.卸载vue-cli

    npm uninstall -g vue-cli

    3.重新安装vue-cli

    npm install -g vue-cli
    4.再运行 vue init webpack my-project 成功
    展开全文
  • 1. vue init webpack: webpack项目本身就有一个css-loader,不需要重新去下一个css-loader,只需要下载一个style-loader即可(npm install style-loader --save-dev),之后在你的项目里打开webpack.base.conf.js...

        1. vue init webpack:

    webpack项目本身就有一个css-loader,不需要重新去下一个css-loader,只需要下载一个style-loader即可(npm install style-loader --save-dev),之后在你的项目里打开webpack.base.conf.js文件中,在module的rules那里,加入关于css规则的代码:

    {
        test:/\.css$/,
        loader: 'style-loader!css-loader'
    }

    然后在App.vue文件中在style标签写入你想要引入的样式<style src="aaaa.css" lang="css"></style>

     

    2. vue init webpack-simple

    webpack-simple为简化版,所有的需要手动导入。

    需要先npm install css-loader style-loader --save-dev,下载完后要在webpack.config.js的rules中加入css规则的代码:

    {
        test:/\.css$/,
        loader: ['style-loader', 'css-loader']
    }

    直接通过  import './assets/abc.css'

    展开全文
  • vue init webpack 报错 vue不是内部命令

    千次阅读 2019-08-01 14:37:06
    如果正常来说你安装了node.js 和 npm 环境也配置好后那么搭建vue的脚手架你只需要简单的几个步骤: npm install -g vue-cli (全局安装一起搭建过的可以不用) vue init webpack demo(这个是项目名) npm install...

    vue脚手架入坑

    如果正常来说你安装了node.js 和 npm 环境也配置好后那么搭建vue的脚手架你只需要简单的几个步骤:

    • npm install -g vue-cli (全局安装一起搭建过的可以不用)

    • vue init webpack demo(这个是项目名)

    • npm install (初始化这里会自动下载node_modules)

    • 然后就可以执行运行命令了npm run dev

    但是总是造化弄人啊!
    有一天当打输入vue init webpack demo命令的时候你发现报错了,提示你vue不是内部命令,那么恭喜你手贱移动了文件后者环境被你删除了,这时候不要慌你可以先尝试使用npm i vue -g 和 npm i vue-cli -g,这两个命令下载到原来的位置如果下载后没有下过级只能通过配置来完成了

    第一步:
    在这里插入图片描述
    在这里插入图片描述

    在这里插入图片描述
    在这里插入图片描述
    提示当你点击编辑进入path和里面的时候尽量不要去删除path里面的配置;不然你就更加麻烦了
    在这里插入图片描述
    找到你的npm文件看里面有没有vue-init.cmd 如果没有请先下载npm i vue -g 和 npm i vue-cli -g(取其一)有的选中红框的路径,直接将其粘贴到path里面然后你再去搭建脚手架就可以了。
    这篇文章是我刚解决这个问题写下来的

    展开全文
  • vue create 和 vue init什么区别 01、vue create vue create 是vue-cli3.x的初始化方式,目前模板是固定的,模板选项可自由配置,创建出来的是vue-cli3的项目,与cue-cli2项目结构不同,配置方法不同,具体配置...

    vue create 和 vue init 有什么区别

    01、vue create

    vue create 是vue-cli3.x的初始化方式,目前模板是固定的,模板选项可自由配置,创建出来的是vue-cli3的项目,与cue-cli2项目结构不同,配置方法不同,具体配置方法参考官方文档。

    02、vue init

    vue init 是vue-cli2.x的初始化方式,可以使用github上面的一些模板来初始化项目,webpack是官方推荐的标准模板名。vue-cli2.x项目向3.x迁移只需要把static目录复制到public目录下,老项目的src目录覆盖3.x的src目录(如果修改了配置,可以查看文档,用cli3的方法进行配置)

    展开全文
  • 在cmd控制台中使用@vue/...其次需要单独安装 @vue/cli-init // 可以使用 npm 或 yarn,全局安装 // npm npm install @vue/cli-init -g // yarn yarn global add @vue/cli-init 具备以上条件之后打开 控制台 cd 到...
  • vue init webpack-simple 项目名称 使用于小型项目为简介版的 轻量级 vue init webpack 项目名称 配置很详细 适用于大型项目 重量级
  • vue_init:vue原始码解析
  • Vue学习(十九)- 三种方式创建Vue项目(vue create、vue ui、vue init) 安装@vue/cli 为npm安装的包配置环境变量。 运行下面这条命令。 npm install -g @vue/cli 在CMD中运行vue --version命令,如果输出了@vue/...
  • 配置系统环境变量 1.查看cmd 文件所处位置。 2.将 所在目录添加到系统环境变量path中  
  • vue initvue-cli2.x的初始化方式,可以使用github上面的一些模板来初始化项目 webpack是官方推荐的标准模板名 使用方式:vue init webpack 项目名称 electron-vue的模板 使用方式:vue init simulatedgreg/...
  • vue create 和 vue init 的区别

    万次阅读 2020-03-24 01:40:14
    1. vue create 是vue-cli3.x的初始化方式,目前模板是固定的,模板选项可自由配置,创建出来的是vue-cli3的项目,与cue-cli2...vue initvue-cli2.x的初始化方式,可以使用github上面的一些模板来初始化项目,we...
  • 两种方式初始化Vue-Cli的项目的目录差别比较大,你可以发现使用vue init webpack这样的方式来初始化项目,默认提供了很多的webpack的配置,也更加的方便你对代理(跨域)、最终打包资源放到服务器什么目录、以及js、...
  • 前端,解决使用cmd命令输入vue init webpack vueDemo报错 根据上面的提示输入npm install -g @vue/cli-init 然后再输入命令vue init webpack 项目名
  • vue init 报错

    千次阅读 2017-12-04 11:43:14
    $ vue init webpack login ⠋ downloading template /home/yuyi/.nvm/versions/node/v7.2.1/lib/node_modules/vue-cli/node_modules/_rimraf@2.6.2@rimraf/rimraf.js:313  throw er  ^
  • vue init webpack vuedemo02 接着就会让你输入或者选择一些是不是要的东西 ? Project name vuedemo02(项目名称) ? Project description A Vue.js project(描述,我默认了) ? Author simalinjia(作者名称) ? Vue ...
  • vue init初始化过程

    2018-08-22 00:33:58
    vue init 过程
  • vue init webpack报错解决

    千次阅读 2017-12-25 08:54:12
    1,使用vue init webpack创建Vue项目脚手架报错bogon:~ Brave$ vue init webpack test /usr/local/lib/node_modules/vue-cli/bin/vue-init:60 let template = program.args[0] ^^^SyntaxError: Block-scoped ...
  • init-vue-app-源码

    2021-05-16 14:40:13
    使用了 vue init webpack 后添加了: node-sass / sass-loader / sass-resources-loader 项目简要 配置了常用Vue项目需要取别名的文件夹(register/mixins/pages/config) 适配方案用的是淘宝Rem适配方案 配置了本地...
  • 初始化框架 项目设置 npm install 编译和热重装以进行开发 npm run serve 编译并最小化生产 npm run build 运行单元测试 npm run test:unit 整理和修复文件 npm run lint 自定义配置 请参阅。
  • vue cli 由于某种原因官方的方式“vue init webpack my-project”不再工作了 请使用vue-init webpack my-project
  • 用法:vue init webpack app 2.产生目录如图 3.目录说明 build及config:webpack配置相关 node_modules:通过npm install安装的依赖代码库 src:项目源码 static:存放静态资源 .babelrc:babel相关配置(因为...
  • Vue init webpack demo

    千次阅读 2019-05-14 19:50:05
    安装命令为:npm install -g cnpm --registry=...接着安装全局的vue-cli脚手架,用于帮助搭建所需的模板框架 命令为:cnpm install -g vue-cli 输入:vue init webpack my-vue(项目文件夹名),回车, ...
  • vue create 和 vue init 区别

    千次阅读 2019-12-09 10:19:47
    一.vue cli2升级到vue cli3 1.先升级npm的版本 npm install -g npm 2.再卸载之前的vue cli 2.9.6 npm uninstall -g @vue/cli 3.下载最新的vue cli版本 npm install -g @vue/cli 二.vue3,0版本创建项目 1、vue create...
  • Command vue init requires a global addon to be installed. Please run yarn global add @vue/cli-init and try again. 按照错误提示运行yarn global add @vue/cli-init后无法解决问题 解决方式 运行npm install ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 66,840
精华内容 26,736
关键字:

init需要什么vue

vue 订阅