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

来源:互联网 发布:mac word 迅雷下载 编辑:程序博客网 时间:2024/05/16 10:39

1、安装node.js

在node.js官网下载相应的版本,安装(一直next)
node.js官网:https://nodejs.org/zh-cn/ 

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

# 查看版本$ npm -v2.3.0#升级 npmcnpm 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/,输出结果如下:


原创粉丝点击