如何运行一个Vue项目

Posted TNT技术博客

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何运行一个Vue项目相关的知识,希望对你有一定的参考价值。

第一次(自动变色)

NO.1 安装cnpm
为了提高速度,在命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org
 
NO.2 安装webpack
它是一款模块加载器兼打包工具
npm install webpack -g

NO.3 安装vue-cli
它是vue.js的脚手架,用于自动生成vue.js+webpack的项目模板
cnpm install vue-cli -g
NO.4 cd /项目名称
cd 进入项目目录
cd XXXX
 
NO.5 安装依赖
进入项目之后安装依赖,安装成功
 npm install
 
NO.6 启动项目
npm run dev
 
NO.7 启动浏览器访问项目
在浏览器中访问项目首页 http://localhost:8080

第二次:请复习步骤4~7

在进行第五步时,先将原项目目录中的node_modules删除再操作。

OK,奇怪的知识又增加啦,欢迎转发+推荐!

以上是关于如何运行一个Vue项目的主要内容,如果未能解决你的问题,请参考以下文章

Vue项目build打包后如何运行

运行vue项目前下载依赖包及运行(vue 教程三)

如何运行一个Vue项目

Vue2.0 实战项目 分析Vue如何运行

如何运行一个Vue项目

运行vue项目 报错看一下谢谢?