本地搭建vue项目,vue一个项目中用另一个项目
vue创建项目一、安装node环境与npm
1、首先,从https://nodejs.org/en/下载node.js
按照提示单击next,直到Finish完成安装
2 .打开控制命令程序cmd或PowerShell,检查安装是否成功。 如果输出了版本号,则表示node环境安装成功
使用淘宝NPM镜像,国内直接使用NPM官方镜像非常慢,所以建议使用淘宝NPM镜像。 (不用也可以。 你可以不直接跳过这一步)
输入: NPM install-gcn pm-- registry=http://registry.NPM.Taobao.org
安装npm镜像,命令以后使用npm的地方直接用cnpm代替即可。二、搭建vue项目环境并创建vue项目
安装vue-cli (脚手架)
输入:将安装npm install vue-cli -g //淘宝镜像的npm更改为cnpm
2 .输入: vue list无法检查vue-cli是否成功安装并检查vue-cli。 需要检查vue
3 .选择新vue项目的路径。 这里是D:\建在前端学习\vue
4 .新建项目,输入: vue init webpack项目名称
5 .根据自己的需求进行配置。 我会选择一些NO的配置。 选择“是”将进入严格模式,在创建项目时会发生许多警告错误
6 .创建后,进入项目安装请求,输入npm install (将安装淘宝镜像的npm更换为cnpm )
7 .运行项目,输入: npm run dev (安装淘宝镜像的更换npm为cnpm )
8 .运行网站,项目成功!