Node.js安装
https://nodejs.org/zh-cn/
一路下一步装好之后调出cmd命令行敲node –v查看node版本, npm –v 查看npm包管理器版本
Cnpm安装
由于npm是国外服务器,推荐大家安装淘宝源,这是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽量与官方服务同步。
调出cmd敲
npm install -g cnpm --registry=https://registry.npm.taobao.org
安装完成后敲 cnpm –v 只要不报错,就算安装成功
Vue脚手架安装
1.使用cnpm全局安装vue-cli(前提是你已经安装了nodejs,否则你连npm都用不了),在cmd中输入一下命令
cnpm install --global vue-cli
安装完成后,创建自己的工作空间,在cmd切换至刚刚创建好的工作空间,如果已经有工作空间,直接切换到工作空间即可。使用命令创建项目
Vue项目创建
vue init webpack
命令输入后,会进入安装阶段,需要用户输入一些信息
Project name (vuetest)
项目名称,可以自己指定,也可直接回车
Project description (A Vue.js project) 项目描述,也可直接点击回车,使用默认名字
Author (........) 作者,不用说了,你想输什么就输什么吧
Runtime + Compiler: recommended for most
users 运行加编译,既然已经说了推荐,就选它了
Install vue-router? (Y/n) Y
Use ESLint to lint your code?(Y/n) N
……
后面一路回车就行
启动项目
npm run dev
http://localhost:8080 即可出现helloword vue
构建本地项目
npm run build