安装node.js环境，构建第一个vue项目

本文主要是介绍安装node.js环境，构建第一个vue项目，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

1. 安装node环境

http://nodejs.cn/download/
傻瓜式安装后，管理员运行 cmd 通过 node -v 查看版本
由于现在版本的nodejs已经集成npm所以无需安装，可以用npm -v 查看版本

如果你安装的是旧版本的 npm，可以很容易得通过 npm 命令来升级，命令如下：
npm install npm -g

2. 替换淘宝镜像

npm install -g cnpm --registry=https://registry.npmmirror.com
之后可以使用 cnpm 进行安装

3. 安装vue脚手架

cnpm install -g vue-cli
安装完整后，通过 vue -V 查看vue版本

4. 初始化vue项目

vue init webpack myproject

5. 安装依赖

运行 cnpm install 安装依赖项

6. 使用命令启动项目

cnpm run dev

7. 打包项目

npm run build 或者 cnpm
会编译打包到项目dist文件夹下，然后就可以部署到服务器上

这篇关于安装node.js环境，构建第一个vue项目的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！