Vue创建脚手架的步骤(简单详细)

引言:当我们学习 vue框架时候,在学习组件化编程的时候我们会使用到vue—cli,即是vue脚手架

接下来给大家分享如何创建脚手架

第一步

1.打开cmd窗口运行以下代码
npm config set registry https://registry.npm.taobao.org
将npm包换为淘宝镜像
(这一步不做的话下载速度会很慢,因为npm包的服务器是在国外,访问下载的速度都很慢!!!)
Vue创建脚手架的步骤(简单详细)_第1张图片

第二步

2.执行如下代码 全局安装脚手架
npm install -g @vue/cli

Vue创建脚手架的步骤(简单详细)_第2张图片

第三步

3.切换到你要创建项目的目录,然后使用命令创建项目 运行vue create xxx
假如切换到某个位置,这里做个演示
Vue创建脚手架的步骤(简单详细)_第3张图片
图片中的xxx代表的是你要创建的项目的名字

第四步

4.在创建文件的目录下运行 npm run serve
会得到如下结果
Vue创建脚手架的步骤(简单详细)_第4张图片
将网址打开就有vue官方默认写的一个类似hello world 的案例

注意 在执行vue create xxx这行代码时候,中途会让你选择用vue2还是vue3写代码,根据自己的需求选择即可!

希望可以帮助到大家!

你可能感兴趣的:(笔记,javascript,前端,vue.js)