首页天道酬勤本地搭建vue项目,vue一个项目中用另一个项目

本地搭建vue项目,vue一个项目中用另一个项目

张世龙 05-05 16:16 83次浏览

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 .运行网站,项目成功!

vue项目开发流程,怎么打开vue项目