前端小白：如何从零开始搭建Vue项目（完整步骤）

1、在node.js官网下载相应安装包，选择想要安装的目录即可，一路傻瓜式安装。

安装完毕，在终端输入命令 node -v，输出版本号即代表安装成功。

node安装完后，npm包管理器会自动安装，继续输入命令 npm -v，输出版本号即代表npm安装成功。

由于npm是国外资源的原因可能会导致失败，则用npm的国内镜像安装，在终端输入npm install -g cnpm –registry=http://registry.npm.taobao.org ，安装完成之后输入cnpm -v命令查看是否安装成功，如果输出版本号即安装成功。

Mac系统输入命令：sudo npm install -g cnpm --registry=https://registry.npm.taobao.org --verbose，sudo代表管理员权限，而后输入密码即可自动安装。

2、输入命令行安装脚手架和webpack

在终端输入命令：cnpm install vue-cli -g，而后输入vue -V，如果输出版本号即安装成功。

在终端输入命令：cnpm install webpack -g，而后输入webpack -v，如果输出版本号即安装成功。

3、初始化项目，安装依赖

在终端进入文件夹根目录，然后输入命令：vue init webpack myvue后选择相应的选项y或n，其中myvue就是项目文件夹名称，即初始化项目myvue。

而后在项目文件根目录里，输入命令：npm install，安装依赖。

项目创建如下：

4、运行项目

输入命令npm run dev，启动项目。

复制网址在浏览器里访问即可运行，修改对应样式保存后即可渲染出来。

前端小白：如何从零开始搭建Vue项目（完整步骤）相关推荐

搭建一个Vue项目(完整步骤)
一.安装Node环境具体请参考:http://www.dinganan.cn/nodej安装和配置/ 二.搭建vue项目环境 1.全局安装vue-cli npm install --global v ...
MacOS 搭建一个vue项目(完整步骤)
搭建一个Vue项目一.安装node环境二.搭建vue项目环境 1.全局安装vue-cli 2.检查是否安装成功 3.创建一个基于 webpack 模板的新项目 4.安装依赖 5.启动项目三.vu ...
从零开始搭建vue项目，并使用git管理
从搭建项目环境到创建demo 1.安装node 如果安装过想再安装需要先卸载 2.使用码云创建仓库 3.安装Git 4.生成SSH公钥 5.本地与线上关联 6.用vue-cli搭建vue项目 7.提交 ...
HBuilder 创建Vue项目完整步骤
1,在nodejs官网下载对应需要的版本 2,安装好之后,在本地cmd中,输入where node确定node路径,我这里路径是C:\Program Files\nodejs 3,在hbuilder. ...
从零开始搭建Vue项目
目录一.Vue思维导图二.创建项目 1.报错. 2.开始处搜索powershell,以管理员的身份运行 3.输入下面的指令:set-ExecutionPolicy RemoteSigned 4.再 ...
手把手教你webpack4.x从零开始搭建vue项目
1.首先安装各个模块所需要的依赖 npm init -y 初始化package.json文件 . 以下所有安装命令的 '-D' 代表安装在该文件的devDependencies中 npm ...
vue-cli3从零开始搭建vue项目
准备环境 1.下载安装Node.js 下载地址:https://nodejs.org/en/download/ 使用Vue-cli3.0创建项目时,Node.js版本必须是8.9 或更高版本(推荐 8 ...
Re：从零开始的Vue项目搭建
Re:从零开始的Vue项目搭建初始的终结与结束的开始 Nodejs项目的简单测试从零开始 webpack开发模式 webpack编译打包后记初始的终结与结束的开始最开始接触vue项目搭建是从 ...
从零开始使用webpack 搭建vue项目
从零开始使用webpack 搭建vue项目 1 创建项目 npm init 生成 package.json 创建 index.html webpack.confug.js project-name|- ...

前端小白：如何从零开始搭建Vue项目（完整步骤）

前端小白：如何从零开始搭建Vue项目（完整步骤）相关推荐

最新文章

热门文章