vue脚手架安装

安装脚手架软件:

1、电脑需要安装node软件: http:/ / nodejs.cn/download/

• 使用 node -v 查看版本, 目前最高 16.11

2、确保 npm 是中国镜像:

• 查看当前镜像: npm config get registry
  

• 设置淘宝镜像: npm config set registry https:/ / registry.npm.taobao.org/
  

3、利用npm 安装 vue 的脚手架软件

• 安装命令: npm i -g @vue/cli --force
  i: install 的缩写, 代表安装
  -g: 代表全局安装
  @vue/cli: vue的脚手架软件名称
  –force: 强制替换已安装的旧版本(防止有同学电脑有之前同学的遗留)

4、测试是否安装成功:vue -V 注意是 大写的V

利用脚手架软件生成项目包

在哪执行，就在哪生
1、 生成命令: vue create 包名
create: 创建
包名: 允许中划线, 不允许下划线
例如: 生成 vue-pro 这个项目包: vue create vue-pro
2、执行前, 确认目录下不存在同名文件夹, 否则会询问是否要覆盖

3、开始创建

4、回车创建, 进入生成过程: 选择手动方式, 自定义配置

5、选择要加载的默认功能项目

6、路由的默认选择: 直接回车 即可采用默认项Y

7、css预编译器的选择

8、配置文件的存储方式

9、把以上步骤保存起来

10、配置文件起名, 名称随意

11、开始下载并安装: 速度与网速有关, 网速不好可能失败!

12、以后再次创建时:

13、启动命令
从此以后 Vue部分: 不再使用 live server，因为脚手架的项目包 自带服务器!
启动 项目包 中自带的 服务器, 在 vue-pro 文件夹下打开命令行: npm run serve

插件

必装: 带有vue语法高亮, vue提示, 报错提示. . . .

提供各种代码块