搭建Vue脚手架创建启动项目_Win10

传送门：

Mac版node安装：

Node.js学习_Mac：https://blog.csdn.net/pang787559613/article/details/101431431

一、安装node；
二、安装vue-cli；
三、创建项目；
四、运行项目；

一、安装node：

node.js官网：https://nodejs.org/en/download/
安装完成后，查看版本号，则已安装成功：

注：npm（node package manager）是nodejs的包管理器，用于node插件管理（包括安装、卸载、管理依赖等）。所以安装完node.js后，自带npm。

二、安装vue-cli：

npm install vue-cli -g

安装完成后，查看版本号，则已安装成功：

三、创建项目：

cd到相应目录，命令行：vue init webpack my-project（项目名称非中文非大写）

之后按步骤进行，以下为各步骤含义，可按需自行设置：

1、显示Project nanme 项目名 回车（项目名不允许使用大写）
2、project description 后面可以写上描述，或者直接回车
3、Author 后面可以写作者也可以回车 （如果配置过git会自动获取git的name）
4、Install vue-router? 选择Y（官方推荐的路由插件，几乎每个项目都用得到）
5、User ESLint to lint your code? 选Y（是否启用eslint检测规则，如果不是公司的大型项目或者多人共同开发博主感觉没有必要安装）
6、Set up unit tests? 问的是否要测试 选N
7、Setup e2e tests with Nightwatch? 选N（ 用Nightwatch设置E2E测试？）
8、Should we run npm install for you after the project has been created? (recommended) (Use arrow keys) 选择使用npm、还是yarn安装，一般都是直接回车就好

四、运行：

cd到项目目录下，npm run dev