精华内容
下载资源
问答
  • 拉取vue运行
    2022-01-20 10:49:54

    Vue 项目启动抛出 Syntax Error/ Unexpected token

    ES6 新增了不少标识符,但浏览器大多无法直接识别,需要借助 babel 对 ES6 代码进行转义
    项目启动时抛出如下错误,表示 ... 运算符没能被识别,该运算符属于 ES6 的解构运算符
    出现该问题的原因基本上可以定位是项目没有配置 babel
    即时 package.json 文件中已经引入 babel ,但仍然需要在项目根目录创建一个 .balbelrc 文件进行配置

    解决方式:
    在项目根目录创建 .babelrc 文件即可实现对 babel 的基本配置

    {
      "presets": [
        ["env", {
          "modules": false
        }],
        "stage-2"
      ],
      "plugins": ["transform-runtime", "transform-vue-jsx"]
    }

    更多相关内容
  • 从github上面拉取一个项目运行起来,首先要安装该vue项目所需要的依赖包,然后使用项目运行指令。 npm i npm run dev npm i指令下载项目所需的依赖包,如果下载速度过慢,就使用cnpm i淘宝镜像安装吧,项目运行...

    github上面拉取一个项目运行起来

    git clone #项目地址
    

    项目文件下载到本地后,首先要安装该vue项目所需要的依赖包,然后使用项目运行指令。

    npm i
    npm run dev  
    

    npm i指令下载项目所需的依赖包,如果下载速度过慢,就使用cnpm i淘宝镜像安装吧,项目运行指令可以查看项目配置文件package.json"vue-cli-service serve"的指令是什么,如下图,项目启动的指令就是npm run dev
    在这里插入图片描述

    展开全文
  • mac本 vscode克隆、拉取运行vue项目

    千次阅读 2020-12-09 18:51:17
    Mac 安装node npm cnpm vue 创建并启动vue项目的流程 以及清空npm缓存和卸载 node 和 npm 的方法 S01 安装node(内含npm) 首先,到官网下载长期支持版,截止目前,最新的长期支持版本号是10.16.3 https://no

    一、下载安装

     

    网址:Visual Studio Code - Code Editing. Redefined

    2、安装node npm vue-cli

    转载链接:Mac 安装node npm cnpm vue 创建并启动vue项目的流程 以及清空npm缓存和卸载 node 和 npm 的方法 - Bitten - 博客园

    Mac 安装node npm cnpm vue 创建并启动vue项目的流程 以及清空npm缓存和卸载 node 和 npm 的方法

    S01 安装node(内含npm)

    首先,到官网下载长期支持版,截止目前,最新的长期支持版本号是10.16.3

    https://nodejs.org/zh-cn/download/

    下载完毕后,安装该文件

    这里注明了安装位置,并且,除了node,默认还会安装npm

    node安装位置:

    /user/local/bin/node

    npm安装位置:

    /user/local/bin/npm

    在第四步你可以自定义安装内容

    这里选择你要安装的内容

    安装完毕

    S02 安装cnpm

    npm相当于node的应用商店,但是npm对国内网速不太友好,所以这里需要安装cnpm换成国内的。

    安装cnpm命令如下:

    sudo npm install -g cnpm --registry=https://registry.npm.taobao.org

    cnpm安装完毕

    S03 安装vue项目脚手架

    vue安装命令如下:

    sudo cnpm install -g @vue/cli

    这里安装完毕

    需要说明的是,截止目前,这里默认安装的版本是3.11.0
    建议安装3.x的版本,不太建议使用2.x的版本


    如果安装失败,可以使用以下命令清空 npm缓存

    npm cache clean --force

    如果你想卸载node以及卸载npm 可以使用以下命令

     

    𝘊𝘰𝘱𝘺

    sudo npm uninstall npm -g sudo rm -rf /usr/local/lib/node /usr/local/lib/node_modules /var/db/receipts/org.nodejs.* sudo rm -rf /usr/local/include/node /Users/$USER/.npm sudo rm /usr/local/bin/node sudo rm /usr/local/share/man/man1/node.1 sudo rm /usr/local/lib/dtrace/node.d

    如果你不放心,可以关机,重启启动以下

    分别输入执行nodenpm,如果卸载成功,会显示command not found

    Vue项目创建

    1) 进入存放项目的目录 >: cd *** 2) 创建项目 >: vue create 项目名

    然后就会显示如下界面:

    首先,按 然后↩︎Enter ,选择手动配置。

    ( 🔼 🔽 切换 ) ( 空格 选中 ) ( ↩︎Enter 继续 )

    Windows中的界面如下:

    Mac中的界面如下:

    按照下面

    3) 项目初始化 1.选择 Manually select features 2.选择 Babel,Router,Vuex,Linter 3.选择 Y 4.选择 ESLint with error prevention only (不用严格代码规范) 5.选择 Lint on save 6.选择 In dedicated config files 7.选择 N. (不保留)

    注意 : 如果 4.你选择严格模式,项目能运行,但是会飘红,甚至都不能写注释。

    项目创建成功后 :

    vue项目目录结构分析#

    ├── v-proj | ├── node_modules // 当前项目所有依赖,一般不可以移植给其他电脑环境 | ├── public | | ├── favicon.ico // 标签图标 | | └── index.html // 当前项目唯一的页面 | ├── src | | ├── assets // 静态资源img、css、js | | ├── components // 小组件 | | ├── views // 页面组件 | | ├── App.vue // 根组件 | | ├── main.js // 全局脚本文件(项目的入口) | | ├── router.js // 路由脚本文件(配置路由 url链接 与 页面组件的映射关系) | | └── store.js // 仓库脚本文件(vuex插件的配置文件,数据仓库) | ├── README.md └ └── **配置文件

    项目创建之后,可以通过pycharm打开改文件根目录。
    为了能够正确识别.vue文件需要安装插件Vue.js,安装之后,按钮变成重新启动IDE,点击后会重新启动pycharm。

    等待文件加载完毕后,左上角,新增配置。

    不要点击Templates列表,点击

    按照如下选择:

    之后,点击启动项目

    就能从如下地址,访问

    vue项目,启动成功后:

    展开全文
  • 1.下载安装Node.js ... 2.npm默认的仓库地址是在国外网站,速度较慢,建议大家设置到淘宝镜像。但是切换镜像是比较麻烦的。推荐一款切换镜像的工具:nrm ...3.IDEA安装vue ...4.通过npm安装vue ...如果是新建的vue...

    1.下载安装Node.js

    win10安装Node.js地址:https://blog.csdn.net/flyer_tang/article/details/81778870

    2.npm默认的仓库地址是在国外网站,速度较慢,建议大家设置到淘宝镜像。但是切换镜像是比较麻烦的。推荐一款切换镜像的工具:nrm

    3.IDEA安装vue

    4.通过npm安装vue

    如果是新建的vue项目就进行初始化,记住一定要在当前项目目录下

    然后就会在hello-vue目录发现一个node_modules目录,并且在下面有一个vue目录。

    5.安装webpack

    npm install webpack -g
    

    webpack是一款模块加载器兼打包工具,它能把各种资源,例如JS(含JSX)、coffee、样式(含less/sass)、图片等都作为模块来使用和处理。 webpack 的核心是 依赖分析,把依赖分析出来了,其他都是细枝末节。

    6.安装vue-cli

    npm install -g vue-cli

    7.如果你要是刚拉取的新的项目,就进入到当前vue项目下,删除node_moudels文件,然后执行以下命令,新建的话需要执行其他的命令

    npm install

    进入项目之后安装依赖,安装成功

    8.运行项目

    npm run dev

    即可把别人的项目在你的本地运行了

    9.当然对于自己要新建webpack项目需要以下操作

    启动项目 npm run dev

     

    展开全文
  • vue-cli 初始化vue项目构建 vue init webpack project-name electron 配置源码: 1. git clone https://github.com/electron/electron-quick-start** 2. 找到clone下来的项目入口文件main.js 和 package.json ...
  • 1.打开文件夹作为工作空间; 2.ctrl +“·” 打开命令控制窗;...拉取项目 4.cd 进入项目目录下 5.npm install 编译 提示: added 1768 packages from 1130 contributors and audited 32360 packages in 456.548s ...
  • 解决webstorm拉取Vue项目加载node_modules时卡顿,及内存爆满问题 最近在拉取Vue项目时总是会出现webstorm内存瞬间爆满,导致webstorm卡死,而且,有时在下载完node_modues后webstorm一直处于updating中,为此在网上找...
  • 报出‘npm’不是内部或外部命令,也不是可运行的程序或批处理文件错误 故需要将node的安装目录配置到环境变量的PATH下 下载项目 git clone git项目地址 启动项目 进入项目目录并install npm instal
  • 如何运行从github拉取vue项目

    千次阅读 2019-09-25 16:47:19
    先下载安装node.js 从node.js官网下载并安装node,安装过程...在键盘按下【win+R】键,输入cmd,然后点击以管理员身份运行(可以安装需要的环境),回车,打开cmd窗口 在命令行中输入 npm install -g cnpm --regis...
  • 解决方法: 在项目根目录下新建postcss.config.js文件,内容如下: module.exports = { plugins: { 'autoprefixer': {browsers: 'last 5 version'} ...重新运行npm run dev,发现项目已成功跑起来。 ...
  • 前提:首先,这个教程主要针对vue小白,并且不知道安装node.js环境的。言归正传,下面开始教程:在维护项目之前,需要把所有的环境搭建好,这里我就不多说了,看这篇就够了:十分钟上手-搭建vue开发环境(新手教程)...
  • git的vue项目无法运行

    2022-03-09 19:07:06
    例如:我在gitee上下载的vue项目无法运行,加以前学的vue全忘了,都不知道怎么搞 问题描述 ` 在执行 npm run serve 运行项目的时候报错: dengzemiaodeMacBook-Pro:lianshan_vue dengzemiao$ npm run serve ...... ...
  • vue-element-admin,从github上拉取后,安装依赖包各种报错,经过努力后,才安装完整,现在打包分享给大家,含完整依赖包(node_modules文件夹),下载后直接执行npm run dev即可运行
  • 安装 node-sass npm i node-sass --sass_binary_site=...`` 如果上一句失败则执行下面,将已下载东西 重新编译 npm rebuild node-sass 安装其余的依赖 cnpm install 启动项目 cnpm run dev ......
  • 原因就职done下来的代码中是没有node-modules ,因为在svn或者git中提交代码的时候会将它过滤掉的,所以你只需要在终端中运行cnpm install将node_modules下载下来就可以了 问题2: 运行之后会显示: 这个错误...
  • 这个项目是基于Gin + Vue + Element UI的前后端分离权限管理系统脚手架(包含了:多租户的支持,基础用户管理功能,jwt鉴权,代码生成器,RBAC资源控制,表单构建,定时任务等)3分钟构建自己的中后台项目;...
  • "private": true, "scripts": { "dev": "vue-cli-service serve --mode=dev", "test": "vue-cli-service build --mode test", "build": "vue-cli-service build --mode prod", "lint": "vue-cli-service lint" }, ...
  • 拿到别人的vue项目之后如何运行

    千次阅读 2020-04-21 09:17:40
    首先先说情况: 一、你拿到的是别人直接打包好的成品 二、你拿到的是别人给你...第一种,直接放你服务器根目录就可以访问了,不用运行,当然,这种的你改也没法改 至于第二种和第三种,首先如果是个小白得话,建议你...
  • 1、vue3版本 (1)本地创建项目,git提交代码,git拉下代码(如果要用创建的项目,把包删除) (2)打开package.json,在 devDependencies 添加 "vue-loader-v16": "^16.0.0-beta.5.4", "webpack": "^4.46.0" ...
  • 一个vue项目的运行流程

    万次阅读 2018-07-06 10:01:57
    一 安装node环境:1 vue运行是基于node环境的,构建vue框架之前,需要确保node环境安装成功;1.1 可以node.js官网,下载解压以后安装; 1.2 国内安装可能比较慢,因此,推荐使用淘宝镜像,淘宝的cnpm命令管理工具可以代替...
  • 今天晚上打着游戏,同事突然叫我拉项目下来运行,我打完就去拉代码了,结果vue项目运行卡在66不动了,我也是百度一下分享别人怎么解决的文章给他,继续我的游戏! 结果呢? 游戏结束后,我拉代码,还是这个错!我...
  • Node.js 是一个开源和跨平台的 JavaScript 运行时环境。 下载地址http://nodejs.cn/download/** 选择对应版本进行安装** 安装完之后运行以下命令验证安装是否成功,出现对应得版本号信息即为安装成功。 C:\Users\...
  • vue3-vite搭建、运行

    千次阅读 2022-02-22 16:10:26
    npm init vite@latest vue3-admin --template vue # npm 7+, 需要额外的双横线: npm init vite@latest vue3-admin -- --template vue # yarn yarn create vite vue3-admin --template vue # pnpm pnpm create ...
  • vue
  • 1、下载依赖时: npm install 可能出现权限问题 首先设置vscode以管理员身份打开 也可以直接设置属性 这个时候还报错 ... vscode终端设置: set-ExecutionPolicy RemoteSigned 最终运行成功 3、最后 npm run 启动项目
  • package.json文件中已经记录了项目所用的所有依赖及其版本,所以打开cmd,定位到项目的根目录,运行如下代码即可: 2.运行 在打开package.json文件,查看...先卸载vue-template-compiler,再装匹配的版本 (2)Modu
  • 终端在该项目目录下运行docker image build -t vue-douyin . (方案2)直接从dockerhub拉取到,需要等待中断。 docker pull asdwsx1234/vue-douyin (方案1)然后docker container run --rm -p
  • 一、什么是Vue CLI 如果你只是简单写几个Vue的Demo程序, 那么你不需要Vue CLI. 如果你在开发大型项目, 那么你需要, 并且必然需要使用Vue CLI 使用Vue.js开发大型应用时,我们需要考虑代码目录结构、项目结构和...
  • Vue 类型 Prop 类型定义。 注意:本文档适用于 VueTypes 4。如果您正在寻找旧版本,请参阅v1~v3分支。 介绍 vue-types是 Vue.js 组件的可配置定义的集合... 提交拉取请求 执照 版权所有 (c) 2016 - 现在 Marco Solazzi

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 4,754
精华内容 1,901
关键字:

拉取vue运行