新建一个vue cli项目

- 一、新建一个vue cli项目

1、用webStorm或者phpstorm直接新建一个vue.js项目，步骤如下：

• （1）打开软件，点击 NEW PROJECT
• （2）输入你的工程名，然后点击CREAT
• （3）配置NPM，点击这个图标

- 二、用cmd命令新建一个项目

• 1、打开运行，cmd工具
• 2、打开npm服务

(1)搭建VUE CLI环境,输入

npm install -g @vue-cli

等待配置完成

（2）验证是否VUE安装成功，输入

vue -V

查看当前vue版本

• 3、新建一个vue项目，输入

vue create demo1

demo1就是你的项目名，然后会提示你选择哪种项目模式,再按enter键，直接进入项目构建

• 4、运行你的项目

（1）打开你的vue项目，输入

cd demo1

demo1就是你的项目名，然后输入

npm run serve
运行你的项目

4、在浏览器中输入

http://localhost:8080/

查看是否成功，如果成功显示页面，那么vue-Cli的第一个项目你已经成功搭建！