vue环境搭建及创建项目

安装node环境:node环境下载地址:https://nodejs.org/zh-cn/download/,可根据对应的操作系统版本下载安装

安装完成后查看对应的node和npm版本,如没有出现对应版本号则代表安装失败

安装vue-cli(vue脚手架)安装vue-cli之前确保要先是否安装webpack

webpack安装命令:npm install webpack -g

安装好后开始安装 vue-cli

npm install -g vue-cli

-g代表的是全局安装

vue-cli安装好后可以开始来创建项目,在电脑建立一个空的文件夹 进入命令行

输入vue init webpack todolist(todolist代表的是项目名)

创建项目,网速不好的话需要等待很长一段时间。。。。

创建成功

启用项目:

访问http://localhost:8080

使用vscode开发

下载vscode 地址:https://code.visualstudio.com/

下载中文插件

为什么能使在vscode中使用终端,这里需要下载cnpm

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

vscode里还可以安装Vetur,vue等插件。

原文地址:https://www.cnblogs.com/dongml/p/11478965.html

时间: 2024-10-07 07:10:16

vue环境搭建及创建项目的相关文章

从零开始学Xamarin.Forms(二) 环境搭建、创建项目

一.环境搭建 Windows下环境搭建: 1.下载并安装jdk及android sdk: 2.下载Xamarin.VisualStudio,可以从官方下在线安装的,也可以下载3.0.54版本的离线安装包. 3.下载完毕运行安装程序,按照提示一步一步安装即可. Mac下环境搭建: 官方在线安装 二.创建Xamarin.Forms项目 1.新建项目,选择"Blank App(Xamarin.Forms Portable)" 创建完毕后,项目结构如下图: 2.更新程序集 由于默认的Xamar

从零開始学Xamarin.Forms(二) 环境搭建、创建项目

一.环境搭建 Windows下环境搭建: 1.下载并安装jdk.Android SDK和NDK.当然还须要 VS2013 update 2(VS2010.VS2012均可)以上. a.  最新SDK. 下载地址:http://dl.google.com/android/android-sdk_r23-windows.zip b.  Android平台工具包(解压到SDK安装根文件夹下,产生文件夹platform-tools), 下载地址:https://dl-ssl.google.com/and

nodejs+phonegap+ionic环境搭建并创建项目

1.基础软件安装并配置环境 JDK.Android SDK.nodeJs.Ant 它们的下载地址.安装方法和环境变量配置可以自行百度或者谷歌. 2.phonegap的安装 打开cmd窗口,输入npm install -g phonegap(前提是nodeJs已安装并配置好) 3.cordova的安装 打开cmd窗口,输入npm install -g cordova 4.ionic的安装 打开cmd窗口,输入npm install -g cordova ionic 5.创建ionic项目 a.选择

vue环境搭建的简单总结

Vue环境搭建的简单总结 构成: Node.js环境  cnpm npm的淘宝镜像 Veu cli 手脚架构建工具 安装node.js环境 安装node.js方法步骤https://jingyan.baidu.com/article/b0b63dbfca599a4a483070a5.html: 安装cnpm 有些npm有些资源被屏蔽或者是国外资源的原因,经常会导致用npm安装依赖包的时候失败,所以需要npm的国内镜像---cnpm 在命令行中输入npminstall-gcnpm--registr

Cocos2d-x 3.1环境搭建和创建工程

Cocos2d-x 3.x改版了很多,之前搭过一次环境,但是没截图,这次趁着重装电脑,一边搭建一边截图.此博文只是为了记录而不是为了教学,所以更多讲的是搭建过程.本文基本上参考这篇博客:http://www.idcfree.com/article-1488-1.html,这篇博客比我讲的详细多了,但是我的是菜鸟教程,喜欢看图的可以参考我的博客. 安装工具: 1.下载JDK 下载地址:http://www.oracle.com/technetwork/java/javase/downloads/i

【Android】cocos2d-x-3.1.1环境搭建与创建工程( Win7 32位系统)

参考资料: http://blog.csdn.net/wxc237786026/article/details/32907079 1.环境搭建 2.创建工程 2.1 VS2012运行 2.2 Android实体机运行 1.环境搭建 安装工具: 1.1.JDK 1.2.Android SDK 1.3.Android NDK 1.4.apache-ant 1.5.Python 1.6   coco2d-x-3.1.1 1.1.JDK安装与配置 参考:http://jingyan.baidu.com/

55.Vue环境搭建

Vue环境搭建 在搭建过程中出现的错误解决办法 https://www.cnblogs.com/lovebing/p/9488198.html 原文地址:https://www.cnblogs.com/sqyambition/p/10192858.html

vue.js开发环境搭建以及创建一个vue实例

Vue.js 是一套构建用户界面的渐进式框架.Vue 只关注视图层, 采用自底向上增量开发的设计.Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件. 在使用 vue.js 之前首先需要搭建 vue.js 的开发环境,下面,我们就来一步一步的搭建 vue.js 的环境: 1.首先,我们需要安装 node.js: 安装 node.js 请参考  node.js安装配置 ,可以打开命令行,输入 node -v,如果输出版本号,说明我们安装 node 环境成功,输入 npm

Vue环境搭建和项目初始化(windows)

1.    安装node.js 官网下载安装:https://nodejs.org/en/ 版本查看:node -v 注意:node版本最好新一点好,推荐6.0以上. 2.    npm安装webpack a)     命令 npm install -g webpack //全局安装 npm install -g webpack-dev-server //安装调试工具 b)     Webpack安装权限问题 如果出现上图所示错误说明用户权限受限,使用管理员权限打开命令提示符(或node.js