精华内容
下载资源
问答
  • vscode创建vue项目

    2021-09-22 09:55:41
    软件安装 node.js官网: ...VSCode搭建Vue项目: 安装插件 全局安装vue-cli,webpack帮助我们快速构建vue项目。 打开终端: 使用npm 安装vue-cli:‘npm install -g vue-cli’ 使用npm安装webpack:‘npm install

    软件安装

    node.js官网:
    https://nodejs.org/en/download/
    安装完成后 打开cmd输入 node-v 查看是否安装成功

    vsCode官网:
    https://code.visualstudio.com/Download

    VSCode搭建Vue项目:

    安装插件
    在这里插入图片描述
    全局安装vue-cli,webpack帮助我们快速构建vue项目。

    打开终端:
    使用npm 安装vue-cli:‘npm install -g vue-cli’
    使用npm安装webpack:‘npm install -g webpack’

    选择你想要创建新项目的目录,
    终端执行:‘vue init webpack xxxx’

    在这里插入图片描述
    配置可以默认,直接回车
    依赖项安装完成后:
    在这里插入图片描述
    其中main.js是入口

    cd 进入项目文件夹
    输入 npm run dev 运行项目

    成功后浏览器里输入 http://localhost:8080/#/
    在这里插入图片描述

    完成!

    展开全文
  • VScode创建vue项目

    2020-12-05 12:20:43
    安装node.js后 在cmd或者vscode打开终端 ...创建项目vue init webpack myvue 安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org 运行项目: 先cd到项目文件夹,然后输入以下指令

    安装node.js后配置环境变量

    NODE_PATH
    C:\Program Files\nodejs
    修改PATH
    加上%NODE_PATH%

    在cmd或者vscode打开终端

    安装脚手架: npm install -g vue-cli
    安装 webpack(打包js的工具): npm install -g webpack

    以上操作 是 只需要配置一次安装一次即可

    创建项目vue init webpack myvue

    安装cnpm

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

    运行项目: 先cd到项目文件夹,然后输入以下指令 npm run dev 启动;
    npm run dev 启动
    npm run build 编译项目 得到 dist文件夹,复制到tomcat webpack,或者Nginx 安装文件夹中部署
    Ctrl + c 输入y 停止项目,输入n 取消

    安装开发所可能会需要用到的依赖:
    安装 VUEX

    npm install vuex --save

    安装axios

    npm install axios --save

    安装 sass(不建议这种方式)
    /sass sass-loader依赖于node-sass 所以一并安装/
    npm install -D node-sass sass-loader

    安装sass

    出问题卸载新版本安装旧版本

    npm uninstall node-sass

    npm uninstall sass-loader

    cnpm install node-sass@4.14.1

    cnpm install sass-loader@7.3.1 --save-dev

    展开全文
  • VsCode创建vue项目

    2021-08-30 19:18:41
    1打开VsCode 输入 PS C:\Users\Administrator> f: PS F:\> cd F:\vuetest PS F:\vuetest> set-ExecutionPolicy RemoteSigned PS F:\vuetest> vue init webpack vue_test 根据提问按回车一步步...

    1打开VsCode

    输入

    PS C:\Users\Administrator> f:
    PS F:\> cd F:\vuetest
    PS F:\vuetest> set-ExecutionPolicy RemoteSigned 
    PS F:\vuetest> vue init webpack vue_test

    根据提问按回车一步步来,等待安装

    新建项目成功,打开文件

     

     输入

    npm install
    
    npm run dev

    打开http://localhost:8081

     显示

    创建完成 

     

    展开全文
  • vscode 创建vue项目

    2021-08-31 10:17:37
    vscode官网直接下载。 https://code.visualstudio.com/Download 1.2 插件安装 安装vue插件vetur,实现支持vue文件的代码高亮 安装插件: 点击左边的Extensions图标,输入 vetur ,找对对应版本然后点击install即可 ...

    1.1 软件安装
    vscode官网直接下载。
    https://code.visualstudio.com/Download
    1.2 插件安装
    安装vue插件vetur,实现支持vue文件的代码高亮
    安装插件: 点击左边的Extensions图标,输入 vetur ,找对对应版本然后点击install即可
    请添加图片描述
    同样方式安装ESLint 插件:请添加图片描述
    如下图:请添加图片描述
    1.2.2 安装node.js
    下载地址:https://nodejs.org/en/download/。下载完成后默认安装,安装完成后打开cmd 输入下面的命令查看是否成功安装(npm是一起安装的)
    C:\Users\xxx>node -v
    v14.17.3
    C:\Users\xxx>npm -v
    6.14.6

    1.2.3 配置 npm 全局下载的包添加到环境变量中
    输入 npm config list 查看目录
    找到 prefix 目录下对应的地址
    请添加图片描述
    然后找到这个红色线里面的路径,看看有没有vue.md的文件:

    然后把这个路径添加的系统环境变量的path里面,如下图:请添加图片描述
    同样 配置node 环境变量

    安装:vue

    npm install -g vue
    
    npm install -g  @vue/cli-init 
    
    展开全文
  • 使用VsCode创建Vue项目

    2020-07-03 11:24:23
    使用VsCode创建Vue项目
  • VScode 创建vue项目

    2020-12-20 22:44:43
    1.1 VSCode 1.1.1 官网直接下载就行,https://code.visualstudio.com/Download 1.1.2 安装插件vetur,ESLint 等 1.2 安装node.js 下载地址:https://nodejs.org/en/download/ 下载完成后默认安装,安装完成后打开...
  • vsCode 创建Vue项目

    千次阅读 2019-02-21 21:48:34
    vue推荐开发环境: Node.js: javascript运行环境(runtime),不同系统直接运行各种编程语言 webpack: 它主要的用途是通过 CommonJS 的语法把所有浏览器端需要发布的静态资源做相应的准备,比如资源的合并和打包。 ...
  • 如何用vscode创建vue项目 安装软件及插件 vscode:https://code.visualstudio.com/Download 安装vue插件vetur,实现支持vue文件的代码高亮 安装ESLint 插件 安装node.js 创建项目 vue init webpack test 回车,然后...
  • 使用VSCode创建Vue项目

    2021-03-16 23:49:19
    假设Vscode、nodejs、vue-cli等已经安装好了。 1、安装vue插件vetur vetur插件支持vue文件的代码高亮。... Zakas 于2013年6月创建的开源项目。它的目标是提供一个插件化的javascript代码检测工...
  • vsCode创建vue项目步骤

    千次阅读 2020-08-12 14:45:08
    C:\Users\DELL\Desktop\vue项目> vue init webpack my-purchase(项目名字) 2, Project name my-purchase 项目名称(sanfeng1)(确定按enter,否按N) 3, Project description A Vue.js project 项目描述(一vue....
  • 由于第一次使用VScode创建Vue项目,很多步骤不熟悉,特此记录一下。(小编之前用的是HBuilderX,创建项目的时候超级轻松;也可以通过vue ui打开vue的可视化界面,操作超级方便) 进行下面的步骤之前,你的电脑上面...
  • 文章目录一、安装node二、配置淘宝镜像三、配置 vscode(win10)四、全局安装脚手架五、创建项目六、进入项目七、项目结构 一、安装node 请在官网下载安装:https://nodejs.org/zh-cn/ vscode 中 点击 ( ctrl + `) ...
  • 1)vue create vue-admin 下面这个步骤是 已经存在这个目录之后重建的 Visual Studio 快捷键 (mac) 打开终端: ctrl + ~ // 注释快捷键:comand + / /**/ 注释快捷键:shift + option + A 2.构建项目 1)vue ...
  • 一、基本配置(官网直接下载) VScode下载 VScode插件配置 ...三、安装Vue-cli脚手架 脚手架可以类比为日常工地上面我们看到的脚手架,它帮助我们搭建基本的开发环境即为基本的结构工程目录,架子搭建好
  • 注明:终端安装指令执行失败请用管理员身份打开vscode即可 https://www.cnblogs.com/zyskr/p/10609288.html
  • 本文主要为转载,中间有添加个人内容 基本概念 vscode Visual Studio Code(简称VS Code/VSC) 是一款免费开源的...微软与github合作推出的在线代码编辑器也是也vscode作为底座开发的,未来github有这大力推广在线...
  • PS E:\vue-music> npm run dev 然后解决了!
  • 报错:vue : 无法加载文件 C:\Users\jcomhome\AppData\Roaming\npm\vue.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中about_Execution_Policies。 ...
  • VsCode创建Vue.js项目

    2019-10-11 10:50:22
    1、在某一目录下创建vue.js项目 命令行:vue init webpack firstvue //firstvue是项目名称 2、进入firstvue的目录下 命令行:cd firstvue 3、在firstvue目录下安装基于淘宝npm镜像 命令行:npm install -g ...
  • VsCode搭建Vue项目

    2021-07-16 22:28:47
    VsCode搭建Vue项目

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 7,301
精华内容 2,920
关键字:

vscode创建vue项目

vue 订阅