前段时间换了一家新的公司,到新公司开始学习vue....
好了我让我们从头开始
第一步
先安装 node.js(别告诉我你不知道node.js),node官网下载安装,然后不停的“下一步”。
按成之后输入 node -v查看是否完成
在npm -v查看npm是否安装完成,因为npm包管理器,是集成在node中的,所以不用单独下载
第二步
安装淘宝镜像(cnpm)
win+r打开运行对话框,输入cmd、然后点击确定打开命令行
在命令行中输入:
npm install -g cnpm --registry=http://registry.npm.taobao.org
第三步
安装vue-cli脚手架构建工具
打开命令行 cd 到桌面(desktop)然后执行cnpm install -g vue-cli(注意:要是用cnpm,如使用npm会导致卡顿甚至下载卡在那不动)
第四步
选择一个地点(可以是桌面也可以是文件夹内)在命令行中运行命令 vue init webpack ***(***表示文件名)生成vue项目的文件夹
注:运行初始化命令的时候回让用户输入几个基本的选项,如项目名称、描述、作者等,可直接回车不填。
第五步
安装项目所需的依赖
将命令行cd到vue项目文件所在目录下,然后执行 cnpm install
这样就会将项目所需的依赖包安装(安装安成后会在vue项目文件所在目录下生成一个node_modules的文件夹,项目所需的依赖包都在这里面放着)
第六步
在ue项目文件所在目录下运行npm run dev
成功后浏览器会自动打开localhost:8080