如何用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脚手架新建项目_第1张图片

四、运行项目

cd my-project
npm install 
npm run dev

4.1 下载资源

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

如何用vue-cli脚手架新建项目_第2张图片

4.2 运行

 如何用vue-cli脚手架新建项目_第3张图片

 

你可能感兴趣的:(JS,vue.js,npm,javascript)