vue 新手门环境搭建

Posted 2020-09-30 捞少

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 项目走起。