vue 新手入门环境搭建

时间:2021-01-04 09:23:35

1.当然得去到node官网安装node.js。

node.js官网下载并安装node,安装过程很简单,一路“下一步”就可以了(傻瓜式安装)。 安装完成之后,打开命令行工具,输入 node -v如果出现相应的版本号,则说明安装成功。     npm包管理器,是集成在node中的,所以直接输入npm -v会显示相应的版本信息。 2. 安装淘宝镜像

国内直接使用 npm 的官方镜像是非常慢的,这里推荐使用淘宝 NPM 镜像。通过以下命令安装:

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装完同样可以通过以下命令查看版本号:

cnpm -v

 3.安装webpack

cnpm install webpack -g

 4.安装vue脚手架

npm install vue-cli -g

 5.在硬盘上找一个文件夹放工程用的,在终端中进入该目录

cd 目录路径

 6.创建一个基于 webpack 模板的新项目

vue init webpack my-project(项目名)

然后会有一些初始化的设置,如下输入:
Target directory exists. Continue? (Y/n)直接回车默认(然后会下载 vue2.0模板,这里可能需要连代理)
Project name (vue-test)直接回车默认
Project description (A Vue.js project) 直接回车默认
Author 写你自己的名字

最后会出现以下三个命令提示:

$ cd my-project$ npm install$ npm run dev 直接npm run dev 项目走起。