创建一个Vue项目

Vue.js不支持IE8及其以下版本,因为Vue.js使用了IE8不能模拟的ECMAScript5特性。

在用Vue.js构建大型应用时推荐使用NPM安装,Npm能很好地和诸如Webpack或Browserify模块打包器配合使用。Vue.js也提供配套工具来开发单文件组件。

vue的安装依赖于node.js,要确保你的计算机上已安装过node.js。可以进入cmd编辑器,输入node -v进行查看。node尽量要用一些新的版本,否则后续安装会提示node版本过低。去node官网下个新版node重新安装就可以。如已安装

成功node会出现如下:

退出当前目录,进入nodejs

node安装成功后就可以开始vue的安装了。(使用淘宝镜像的cnpm来代替npm的安装会快很多。淘宝镜像推荐网址:https://npm.taobao.org/。)

如果使用淘宝经先锋安装就输入命令行 $ cnpm install -g vue-cli 进行安装,如果没有安装淘宝镜像依旧使用$ npm install -g vue-cli安装

注意:V大写

到此为止Vue已成功安装。

创建一个Vue项目

 

这里我们使用vue的官方命令行工具——vue-cli。

//全局安装 vue-cli

$npm install --global vue-cli

//创建一个基于webpack模板的新项目

$vue init webpack my-project

$ cd my-project

$ npm install

$ npm run dev

就下来依次执行vue init webpack 输入自己项目的名称,然后进入你建的项目文件夹,此事已经初始化了一个vue项目,但现在项目还无法启动。需要安装相应的脚手架工具,所以继续执行命令行npm install,有淘宝镜像的使用cnpm install,安装成功后你会发现项目里多了个

文件夹。就是项目启动需要依赖的资源。然后执行最后一句命令(npm run dev),启动一个端口为8080的服务,项目就可以打开。

vue项目创建完毕后,具体的代码写在src文件夹中就可以啦!

时间: 2024-10-03 21:54:15

创建一个Vue项目的相关文章

node创建一个Vue项目

vue的安装 Vue.js不支持IE8及以下版本.因为Vue.js使用了ECMAScript5特性,IE8显然不能模拟.Vue.js支持所有兼容ECMAScript5的浏览器. 在用Vue.js构建大型应用时,推荐使用npm安装,npm能很好的和webpack等打包工具配合使用. 首先Vue的安装依赖于node.js,要保证你的计算机上已经安装过node.js. 如何查看node是否安装或者node版本呢?进入cmd,输入命令 node -v,回车查看.node最好使用新一些的版本,否则后续安装

快速创建一个vue 项目

首先查找本机是否安装node  使用node -v  进行检查出现版本号即安装了 再检查本是否安装 npm 使用npm -v 进行检查,出现版本号即安装好了 安装vue-cli  使用npm install -g vue-cli  命令进行安装 安装好这一步,在创建一个项目 vue init  webpack my-project,这一步要一系列的y或者n进行对项目的一些简单配置 进入项目中使用cd my-project 进入项目 再npm install 一下 然后在npm run dev 或

创建一个vue 项目 必备的几个插件

第一步npm安装 首先:先从nodejs.org中下载nodejs 打开控制命令行程序(CMD),node -v 检查是否正常 使用淘宝NPM 镜像 npm  install  -g  cnpm  --registry=https://registry.npm.taobao.org 第二步项目初始化 1.第一步:安装vue-cli cnpm install vue-cli -g      //全局安装 vue-cli 2.新建vue项目 vue init webpack  "项目名称"

【vue】创建一个vue前端项目,编译,发布

[一]mac检查是否安装node.js nvm --version =>0.33.9 node -v =>v10.7.0 [二]安装vue-cli cnpm install --global vue-cli [三]创建一个vue项目.基于 # 创建一个基于 webpack 模板的新项目 $ vue init webpack my-project # 这里需要进行一些配置,默认回车即可 原文地址:https://www.cnblogs.com/shangxiaofei/p/9429512.htm

一、vue:如何新建一个vue项目

比较好用的一个脚手架:https://a1029563229.gitbooks.io/vue/content/cooking-cli.html 创建一个vue项目的流程: 1.安装node,版本号必须是3.0.0以上 2.python 2.7.* 3.安装淘宝镜像:npm install -g cnpm --registry=https://registry.npm.taobao.org 4.cnpm i cooking-cli -g //npm install -g vue-cli 5. co

Vue安装并创建一个简单项目

1.nodejs安装 下载地址:https://nodejs.org/en/download/ 安装完之后cmd 下输入:node -v 查看是否安装成功. 2.查看npm版本 cmd下输入命令:npm -v 如果低于3.0版本需要进行升级 升级方法: 在cmd命令下cd到nodejs安装目录,然后输入以下命令:npm update npm 这里要等待一下.更新完成后再使用:npm -v检查一下版本 3.cnpm安装 cnpm是淘宝的一个镜像,安装之后可以使用cnpm安装命令工具,安装速度会加快

完整搭建一个vue项目

目录 一. 搭建一个vue项目的完整步骤 二. 卸载vue-cli 三. 完全卸载webpack 一. 搭建一个vue项目的完整步骤 1.安装node.js 下载地址 # 检查是否安装成功 node -v npm -v 2.为了提高下载效率,可以使用淘宝镜像 # 淘宝镜像 npm install -g cnpm -registry=https://registry.npm.taobao.org # 检查是否安装成功 cnpm -v 3.安装webpack打包工具 webpack中文文档 npm

如何搭建一个vue项目(完整步骤)

参考资料 一.安装node环境 1.下载地址为:https://nodejs.org/en/ 2.检查是否安装成功:如果输出版本号,说明我们安装node环境成功 3.为了提高我们的效率,可以使用淘宝的镜像:http://npm.taobao.org/ 输入:npm install -g cnpm –registry=https://registry.npm.taobao.org,即可安装npm镜像,以后再用到npm的地方直接用cnpm来代替就好了. 检查是否安装成功: 二.搭建vue项目环境 1

创建一个android项目与创建一个android虚拟设备

创建一个android项目 Navigator面板区点击右键-->New-->Android Application Project,打开New Android Applicaton窗口.输入Application Name(应用程序的名称,就是显示在手机上的名称,比如:微信),Project Name(项目名称,一般显示在eclipse上的项目名称),Package Name(指定它的java包名,比如:com.qq.weixin).Minimum Required SDK表示运行应用程序所