vue怎么运行html,怎样运行一个vue.js项目

怎样运行一个vue.js项目？

下载并安装node，安装过程很简单，一路“下一步”就可以了，安装完成之后，打开命令行工具，输入 node -v，如下图，如果出现相应的版本号，则说明安装成功。

npm包管理器，是集成在node中的，所以，直接输入 npm -v就会如下图所示，显示出npm的版本信息。

在命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org 然后等待。

在命令行中运行命令 cnpm install -g vue-cli ，然后等待安装完成。通过以上三部，我们需要准备的环境和工具都准备好了，接下来就开始使用vue-cli来构建项目。

要创建项目，首先我们要选定目录，然后再命令行中把目录转到选定的目录。在这里，我选择桌面来存放新建的项目，则我们需要先把目录cd到桌面。

在桌面目录下，在命令行中运行命令 vue init webpack firstVue 。这个命令的意思是初始化一个项目，其中webpack是构建工具，也就是整个项目是基于webpack的。其中firstVue是整个项目文件夹的名称，这个文件夹会自动生成在你指定的目录中。

更多web前端开发知识，请查阅 HTML中文网！！

vue怎么运行html,怎样运行一个vue.js项目相关推荐

安装uve-cli,并使用vue ui可视化界面创建第一个vue项目
安装vue-cli,并使用vue ui可视化界面创建第一个vue项目下载vue-cli ,因为国内下载镜像比较慢,使用阿里的镜像仓库 npm install -g cnpm --registry=h ...
vue入门级教程从零搭建一个vue项目
一.安装node环境 1.下载地址为:https://nodejs.org/en/ 2.检查是否安装成功:如果输出版本号,说明我们安装node环境成功 3.为了提高我们的效率,可以使用淘宝的镜像:ht ...
如何运行一个uve.js项目
目录第一步首先安装node.js 第二步安装vue-cli脚手架构建工具第三步运行项目第一步首先安装node.js 在官网下载node.js(.msi)安装包版本安装的时候可一路next即可完 ...
windows环境搭建Vue开发环境并创建第一个Vue项目
一.安装node.js(https://nodejs.org/en/) 下载完毕后,可以安装node,建议不要安装在系统盘(如C:). 二.设置nodejs prefix(全局)和cache(缓存)路 ...
vue 按钮根据状态切换_一个vue实现的标尺插件 - vue-sketch-ruler
简介具备以下功能,start过50+才考虑添加额外的功能 ... (开源不容易啊) 该插件支持通过点击标尺,添加参考线该插件支持通过鼠标悬浮参考线顶部或左部,显示移除按钮,或直接拖出边界外部该插 ...
创建一个Node.js项目
1.创建一文件夹作为项目文件夹 2.cmd终端进入该文件夹执行命令初始化NodeJs文件夹初始化命令:npm init -y 3.安装项目依赖:执行固定语法命令,将项目依赖安装在当前项目中安装命 ...
前端技术之：使用npx创建一个Nuxt.js项目
$ npx create-nuxt-app my-first-nuxtjs npx: 401 安装成功,用时 43.891 秒 > Generating Nuxt.js project in / ...
如何开始一个vue项目
万事开头难~ 刚开始学习vue.js就是看看官方文档,然后在.html文件里引入下载到本地的vue的库文件,来跟着敲示例代码.但是接触到vue的项目,发现自己完全不知从何下手.之后再网上查找了一些vu ...
手把手教你实现一个 Vue 进度条组件！
最近在个人的项目中,想对页面之间跳转的过程进行优化,想到了很多文档或 npm 等都用到的页面跳转进度条,于是便想自己去实现一个,特此记录. 来看下 npm 搜索组件时候的效果: so 下面咱们一起动手 ...
vue实现竖式步骤条_手把手教你实现一个 Vue 进度条组件！
最近在个人的项目中,想对页面之间跳转的过程进行优化,想到了很多文档或 npm 等都用到的页面跳转进度条,于是便想自己去实现一个,特此记录. 来看下 npm 搜索组件时候的效果: so 下面咱们一起动手 ...

vue怎么运行html,怎样运行一个vue.js项目

vue怎么运行html,怎样运行一个vue.js项目相关推荐

最新文章

热门文章