vue 项目的创建需要node环境,若你的电脑中没有node先行至node官网下载node ,方法不再赘述。
- 安装vue环境
先新建一个空文件夹,用于创建这个vue项目。然后cmd进入到该目录下。
#下载淘宝源npm包管理工具
#可用命令1
npm install -g cnpm --registry=https://registry.npm.taobao.org
#或者命令2
npm config set registry https://registry.npm.taobao.org
#查看淘宝源是否配置成功
npm info underscore
#安装vue脚手架工具
cnpm install -g @vue/cli
- 创建vue项目
可以使用vue的图形化界面来创建一个vue项目。
#继刚刚创建脚手架之后,在命令行中输入
vue ui
然后会出现Starting GUI... ,以及Ready on http://localhost:8000字样。此时,在浏览器中打开
然后点击"下一步",即可。
- 安装部分项目依赖
先搜索对应的以来名称,并点击选中该依赖,然后点击右下角"安装XXX"。
#主要为 element-ui 和 axios 以及 vue-router
#方法与安装element-ui完全一致
- 启动项目
当依赖安装完成之后,点击"任务",然后点击"serve",接着点击"运行"。等编译运行完成后,左边圆形图标中会出现一个对勾,此时说明项目运行成功。在浏览器中输入 http://localhost:8080即可查看到一个新的vue项目页面。
此时,找到之前创建的项目文件夹会看到一个vue的项目包,此时我们的项目脚手架就搭建成功了。