利用脚手架搭建vue项目

1.node环境下载

1. 百度搜索node 进入node官网 点击进入node官网
2. 下载node安装包
   
   因为vue的脚手架vue-cli需要node的环境 就像java开发需要jdk一样
3. 进行安装
4. 在打开cmd中 并且输入node -v 查看版本 以及确认是否安装成功
   
   npm是node伴随安装的 一个包管理器 可以通过它下载脚手架等需要的工具

2.vue 项目创建所需要的的工具[包]

1.webpack 打包工具 也是构建项目的工具

npm install -g webpack

2.vue-cli 脚手架 构建

npm install -g vue-cli

npm的补充
npm是node的包管理器
可以理解为他是一个第三方的库 里面有很多人开发的工具放到里面 当你需要的时候可以通过npm来下载
你可以在你的项目中使用
使用介绍

npm 指令当然要npm开头了
npm下载需要 
	使用npm install 参数一,参数二
	参数一:指的是要下载的工具[包名]例如webpack
	参数二:指的是要下在的范围  有-S -G -D
			-S  生产环境中   下载到项目package.json 的 development
			-D  开发环境中	 下载到项目package.json 的 Devdevelopment
			-G 	全局环境中   俗话:打开cmd不管在哪个目录下都可以使用
npm卸载需要
	使用npm uninstall 参数一,参数二
	和下载一样的道理  只是在install前面加了个 un   来表示卸载

无论下载还是卸载
	uninstall   可以缩写为  uni  例如 npm uni webpack -s [全局卸载webpack]
	install   可以缩写为  i  例如 npm i webpack -s [全局下载webpack]

3.创建vue项目

• 检查工具四个是否下载好了

• 开始创建
• 例如你要在 f:/app 目录下创建项目 [把项目放到app文件下]
  首先你要进入到 f:/app文件夹下面
  因为要创建的项目会在你进入的文件夹里面创建
  按住shift+右键 在弹出框中选择 在此处打开powershell的选项

输入
PS F:\app> vue init webpack myapp  
//vue指的就是vue的脚手架 vue-cli
//init 初始化项目
//webpack  项目的打包工具
//myapp 项目的名称 
除了 myapp是自己定的   前面的都是固定的

之后就是加载页面

回答问题模块

这样项目就完成了
去F:\app下看看有没有生成app项目的文件夹

4.项目的启动

• 方式一:继续按照命令行的提示

注意这个命令行是不能关闭的 他在运行服务器 一旦关闭就无法访问了

• 方式二:使用vscode打开并运行
  
  这样你就可以利用这个架子 进行vue的开发了