如何用vue-cli脚手架新建项目

​​​一、安装Node.js

首先需要安装Node环境。安装完成之后,可以在命令行工具中输入node -vnpm -v,如果能显示出版本号,就说明安装成功。

二、安装vue-cli脚手架

vue初步使用_小白啥时候能进阶成功的博客-CSDN博客

三、创建项目

init :初始化我们的项目。

webpack-simple:使用的哪个模板,这里我们先使用webpack-simple模板

my-project:表示我们项目的名字,这名字可以自己命名,但不要起成系统软件的一些名字,比如vue,node,npm等

vue init webpack-simple my-project

如何用vue-cli脚手架新建项目

四、运行项目

cd my-project
npm install 
npm run dev

4.1 下载资源

在npm install下载资源后,会自动配置好package.json和webpck.config.js

如何用vue-cli脚手架新建项目

4.2 运行

 如何用vue-cli脚手架新建项目

 

上一篇:第六篇博客:实验6:开源控制器实践——RYU


下一篇:第六次实验