怎么启动已安装的vue.js?

NPM 方法安装vue.js,初始化项目并启动

1、安装node.js

在node.js官网下载相应的版本,安装(一直next)

node.js官网:https://nodejs.org/zh-cn/

2、查看npm版本(版本低于3.0需要升级)

# 查看版本
$ npm -v
2.3.0

#升级 npm
cnpm install npm -g

3、安装淘宝npm镜像cnpm(npm安装速度很慢,使用淘宝的镜像速度很快)

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

4、安装vue(安装需要的包,json数据等)

# 最新稳定版
$ cnpm install vue

5、搭建大型单页应用

# 全局安装 vue-cli
$ cnpm install --global vue-cli
# 创建一个基于 webpack 模板的新项目(my-projrct为项目名,任意修改)
$ vue init webpack my-project

6、进入项目,安装并运行

$ cd my-project(切换至项目目录)
$ cnpm install(安装依赖所需要的包)
$ cnpm run dev(启动运行项目)

7、访问http://localhost:8080/,输出结果如下:

1.png

以上就是怎么启动已安装的vue.js?的详细内容,更多请关注html中文网其它相关文章!

赞(0) 打赏
未经允许不得转载:html中文网首页 » Vue.js 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏