vue之cli脚手架安装和webpack-simple模板项目生成

使用 vue-cli 快速创建 vue 项目步骤

GitHub地址是：https://github.com/vuejs/vue-cli

一、安装Nodejs

首先需要安装Node环境。安装完成之后，可以在命令行工具中输入node -v和npm -v,如果能显示出版本号，就说明安装成功。

注：注意cli要求的node版本

二、安装vue-cli

安装好node之后，我们就可以直接全局安装vue-cli:

npm install -g @vue/cli

使用这种方式可能会安装比较慢（因为要去国外拉代码），推荐大家使用国内的淘宝镜像来安装

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

npm和cnpm（windows）安装步骤及环境变量的改变：详见：https://blog.csdn.net/wjnf012/article/details/80422313？ops_request_misc=%257B%2522request%255Fid%2522%253A%2522161140297416780262517547%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fall.%2522%257D&request_id=161140297416780262517547&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~first_rank_v2~rank_v29-2-80422313.pc_search_result_before_js&utm_term=%E5%B7%B2%E7%BB%8F%E5%AE%89%E8%A3%85npm,%E6%80%8E%E4%B9%88%E5%AE%89%E8%A3%85cnpm&spm=1018.2226.3001.4187

输入以下命令，输出版本，表明安装成功

vue -V           查看vue-cli版本

三、创建项目（一定要联网，等待它下载完成）

创建名为myVue的项目：

vue create myVue

你会被提示选取一个 preset。你可以选默认的包含了基本的 Babel + ESLint 设置的 preset，也可以选“手动选择特性”来选取需要的特性。

这个默认的设置非常适合快速创建一个新项目的原型，而手动设置则提供了更多的选项，它们是面向生产的项目更加需要的。

注：关于手动设置详见 VUE安装及启动项目

假如你忘记命令或者接下来你不知道要干嘛，那么你可以在命令行中输入

vue create --help

就按照规则创建即可

vue之cli脚手架安装和webpack-simple模板项目生成

原文：https://www.cnblogs.com/hudaxian/p/14318486.html