安装脚手架的前必须安装Node.js
1、先下载Node.js
下载之后就开始安装,按提示一直点击Next,直到出现finish就安装成功了~
2、然后设置淘宝镜像
点击电脑桌面,按下键盘 “win+R”键,输入 “cmd” ,然后点击 ”确定“。
输入 npm config set registry https://registry.npm.taobao.org --global 设置淘宝镜像
输入 npm config get registry 查看下载源
3、最后查看node和npm版本后就可以安装脚手架了
查看node版本: node -v
查看npm版本: npm -v
安装脚手架的步骤:
1、全局状态下安装脚手架 npm i -g @vue/cli
( 卸载脚手架 npm uninstall -g @vue/cli )
2、创建脚手架项目
首先切到你要创建项目的目录,cmd打开总文件夹的管理员窗口
(注意:在哪个目录下创建项目,就在哪里生成。路径中千万不能有中文文件名)
然后输入 vue create mymi (mymi为自定义项目名)
选择第三个 Manually select features (空格选择后回车)
选择 Babel Router Vuex (空格选中/取消后回车)
选择 2.x---》n---》In dedicated config files---》n
运行: cd mymi
npm run serve
访问:localhost:8080
所有步骤截屏如下:
3、 创建后目录介绍