目录
一、下载node.js
1.检测是否已经安装过node.js
打开控制台,输入
npm -v
如果有会显示对应版本
如果没有会显示无法找到
如果没有则需要进行安装npm
window系统安装过程
nodejs安装及环境配置_Mr.羽猫君的博客-CSDN博客
linux系统安装指令
sudo apt install npm
下载好并配置环境后重新进行版本查询。检测是否成功
二、下载vue-cli与webpack插件
1.设置npm下载为国内镜像（因为npm下载国外的软件会非常慢）指令：
npm config set registry https://registry.npm.taobao.org2.进行全局安装npm-cli插件
npm install vue-cli -g如果出现这种情况
说明你可能并没有用管理员身份打开控制台，请你在控制台右键以管理员身份打开。
而Linux用户只需要在指令前加上sudo如下,或者直接输入sudo并回车进入管理员模式。
sudo npm install vue-cli -g安装好如下图所示：
判断是否安装成功使用以下指令
vue --version
以下解释vue-cli插件作用
3安装webpack的插件\全局安装
npm install -g webpackWindow系统如果报错请你检查以下同源策略
#像这种都是策略问题，用管理员打开vscode，然后设置策略
get-ExecutionPolicy
#执行set-ExecutionPolicy RemoteSigned 然后 get-ExecutionPolicy，显示RemoteSigned就是ok了
set-ExecutionPolicy RemoteSigned安装成功后显示：
以下解释webpack插件作用
三、项目初始化(项目配置详细信息)
输入指令
vue init webpack 文件名称进入以下选项
第一部分，项目信息类
第二部分，项目配置类
1.项目构建---一般选择第一个。
2.安装路由---一般选择是(Y)
3.是否开启ESLint代码检测---个人需求
4. 是否开启单元测试--个人需求
5.项目下载方式---一般通过npm下载
配置过npm镜像后，使用npm对项目下载会更加快速。
四、项目启动
在项目目录下输入指令
npm run dev
查看结果与对应端口
可以看到已经成功启动项目，后面就是项目运行的链接。
使用ctrl+点击链接：http://localhost:8080 可以快速打开对应网页地址
这就是vue项目的主界面了。
想要关闭项目也很简单，在控制台输入Ctrl + c即可终止项目（可能会让你二次确定是否终止填写y即可）
下面介绍vue项目的工程目录以及对应作用，仅作为拓展知识
五、Vue项目工程结构（扩展知识）
