vue 新手入门环境搭建

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

 

 

附上简单的根据官方指引，构建项目框架：

 # 安装vue
    $ npm install vue@2.1.6
    # 全局安装 vue-cli
    $ npm install --global vue-cli
    # 创建一个基于 webpack 模板的新项目my-project
    $ vue init webpack my-project
    # 进入项目目录
    $ cd my-project
    # 安装依赖，走你
    $ npm install
    # 运行项目
    $ npm run dev

附带链接详细：https://blog.csdn.net/qq_30904985/article/details/82316777