vue创建项目
第一步:node安装
打开 https://nodejs.org/en/9(node地址)
选择自己系统的node
然后下载安装,一路next就。安装好的时候会出现下图,按提示操作。
安装好后打开cmd验证
输入node -v或者node --version
显示如下图所示,则表示安装成功
查看npm版本
虽然npm是node自带的,但是你一定是最新版的npm。
所以这里要更新最新版本的npm。
国内直接使用npm 的官方镜像是非常慢的,这里推荐使用淘宝 NPM 镜像。
更新的时候使用淘宝npm镜像。
npm install -g cnpm --registry=https://registry.npm.taobao.org
第二步:项目初始化
第一步:安装vue-cli
cnpm install vue-cli -g //全局安装 vue-cli
查看vue-cli是否成功,不能检查vue-cli,需要检查vue
vue list
第三步:新建一个项目
新建一个文件夹,cd到目录。
然后使用命令新建一个项目
vue init webpack ”projectName“
然后下面的全部输Y
到这里已经创建成功了(时间较长,耐心等待)
然后在对应的目录就会生成下图所示的,至此一个vue项目的基本架构就搞好了。
到这里,基本就已经好了,下面会显示vue的url,直接黏贴到浏览器查看是否可以访问到。
至此,一个最基本的vue项目就搭建完成了