新手学习vue,以下步骤均需在cmd窗口执行一些命令,建议多看vue官方文档
第一步安装node及cnpm:
下载node.js(版本4.0以上即可),傻瓜式安装,然后安装淘宝镜像(cnpm),使用cnpm安装比较快速,安装cnpm后,后边的npm指令都需换成cnpm,接着需要全局安装vue的脚手架工具vue-cli,安装完成后即可创建vue项目。
#安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
#安装vue-cli
npm install --global vue-cli
第二步创建项目:
安装完node及cnpm后,就可以创建项目了,以下以webpack模板为例创建一个项目
#创建一个基于webpack模板的项目
vue init webpack my-project(执行完这个命令会出现一些问题需要确认,包括项目名称,项目描述,作者等)
# 安装依赖,走你
cd my-project(找到文件)(注:注意文件所在的盘符,切换盘符的命令是:例如进入到E盘,输入e:回车即可进入E盘)
npm install(下载安装依赖,每个项目只需下载一次即可)
npm run dev(会提供一个8080端口,即可在浏览器看到页面)
相关资源链接:
node.js https://nodejs.org/en/download/
淘宝镜像(cnpm):https://npm.taobao.org/
vue官方文档:https://cn.vuejs.org/v2/guide/index.html