vue初体验之-前端工程化-vue项目的创建（超级无敌详细）

一：下载node.js  （网址如下：Node.js）

1.NodeJS安装

2. 选择安装目录

选择安装到一个，没有中文，没有空格的目录下（新建一个文件夹NodeJS）

3. 验证NodeJS环境变量

NodeJS 安装完毕后，会自动配置好环境变量，我们验证一下是否安装成功，通过： node -v

4. 配置npm的全局安装路径

使用管理员身份运行命令行，在命令行中，执行如下指令：

npm config set prefix "E:\develop\NodeJS"

注意：E:\develop\NodeJS 这个目录是NodeJS的安装目录

5. 切换npm的淘宝镜像

使用管理员身份运行命令行，在命令行中，执行如下指令：

npm config set registry https://registry.npm.taobao.org

6. 安装Vue-cli

使用管理员身份运行命令行，在命令行中，执行如下指令：

npm install -g @vue/cli

这个过程中，会联网下载，可能会耗时几分钟，耐心等待。

（第一步只需第一次使用时使用，后续再使用就在直接从第二步开始）

二：创建vue项目

1.创建vue文件夹

2.命令行输入 vue ui  调出图形化界面

3.基于图形化页面创建项目

 

接下来可能需要几分钟下载时间耐心等待一下

 三：利用Visual Studio Code打开项目

 这是我之前实验了一下：你们的界面或许不同，能打开基本就已经创建成功了

 四：如何修改端口号