visual studio2017 创建Vue项目

1:打开Visual studio 2017后 按图片操作新建项目

也可以使用快捷键Ctrl+Shift+N  进入创建项目页面

2:选择JavaScript 里的Node.js创建对应的Vue项目

如果没有javaScript对应的node.js选项 打开最下面的visual studio安装程序 安装对应的node程序

*注意硬盘空间

3:创建完成后打开项目 进行开发

原文地址:https://www.cnblogs.com/BoyJoan/p/9935941.html

时间: 2024-10-08 14:37:36

visual studio2017 创建Vue项目的相关文章

命令行创建 vue 项目(仅用于 Vue 2.x 版本)

1 .安装 Node.js 和 npm ( 验证安装成功输入下图 1 命令行可得 2:输入命令行 3 可得 4 即安装成功) 2.安装全局 webpack (安装依照下图输入命令行 1 耐心等待至到出现 2 表示成功) 3.安装全局 vue-cli (安装依照下图输入命令行 1 耐心等待至到出现 2 表示成功) 4.创建 vue 项目 (输入下图命令行,红线部分是你想要创建的项目名称) 5.第 4 步之后会出现一些对话选项,仅一项选 n 后按回车键(如下图红色区域对话选项), 其余全部按回车键

Node.js-Webstrom创建Vue项目(Vue项目初始化)

我犯的错误:作为vue小白,并不知道还要单独去创建初始的vue项目,于是自己在webstrom中建了一个Empty Project, 在其中新增了一个js文件,就开始import Vue from "vue"了.运行后自然就报错了:SyntaxError: Unexpected identifier,被自己蠢哭~ 下面进入正题,vue项目初始化步骤如下: 1.默认你已经安装好了Node.js.WebStrom.npm.vue/vue-cil.webpack. 2.win+R→cmd打开

vue — 创建vue项目

vue - 创建vue项目 创建vue项目 在程序开发中,有三种方式创建vue项目,本地引入vuejs.使用cdn引入vuejs.使用vue-cli创建vue项目.其中vue-cli可以结合webpack打包工具使用,大大方便了开发步骤,使用广泛. vue本地引用 在官网下载vue.js,通过script标签引入.开发版本:https://vuejs.org/js/vue.js 包含完整的警告和调试模式生产版本:https://vuejs.org/js/vue.min.js 删除了警告,30.9

Visual studio 创建通用项目失败vstemplate

Visual studio 创建项目失败 提示 the vstemplate file references the wizard class 'Microsoft.VisualStudio.WinRT.TemplateWizards.ApplicationInsights.Wizard' which does not exsist in the assembly 'Microsoft.VisualStudio.WinRT.TemplateWizards, Version=14.0.0.0, C

使用vue-cli创建vue项目及项目结构说明

node及vue的安装就不讲了,网上一大堆,自行查阅 1 创建项目目录 mkdir vueDemo 2 切换到该目录 cd vueDemo 3 执行命令创建项目(项目名称:vue-init-webpack) vue init webpack vue-init-webpack Project name:--项目名称,直接回车即可 Project description:--项目描述,直接回车即可 Author:--作者,直接回车即可 Vue build:--构建模式,直接回车即可 Install

创建vue项目并搭建JSONSERVER

1.该前提是你已经搭建好vue-cli脚手架,开始创建一个新项目,输入 vue init webpack demo(demo是自定义项目名). 2.cd demo 进入项目安装依赖 3.在已经创建的项目结构里面会多出一个node_modules的文件夹,这就是刚才安装的所有依赖 4.此时项目构建完成,输入npm run dev运行项目 5.搭建jsonserver(先下载  https://github.com/typicode/json-server) 6.Json server 安装命令:

利用vue-cli创建Vue项目

1.安装node.js:Node.js安装包及源码下载地址为:https://nodejs.org/en/download/. 配置参考:http://www.runoob.com/nodejs/nodejs-install-setup.html: 2.基于node.js,利用淘宝npm镜像安装相关依赖. 在cmd里直接输入:npm install -g cnpm --registry=https://registry.npm.taobao.org,回车,等待安装... 注意:确保npm版本大于

通过命令创建vue项目

环境要求:  安装有 Node.js. vue. vue-cli . 创建项目: vue init webpack projectName 进入项目,下载依赖: npm install 或者 cnpm install 运行项目: npm run dev 效果如下: 创建项目  进入项目,下载依赖 启动项目 浏览器查看效果

如何创建Vue项目

node.js / npm -- npm -- 管理工作目录 -- npm init -y -- 下载包 -- npm i [email protected] -- 卸载 -- npm uninstall xxxx -- 更新 - npm update xxxx webpack -- 下载 -- npm i webpack webpack-cli -- 打包默认的入口文件 --src目录下的 index.js -- 出口文件 -- dist目录的main.js vue-cli -- 帮助我们快速