一,vue项目的创建

1.安装nodejs,官网下载即可。

vue官网

2.打开cmd命令提示符窗口,输入node -v,输出版本号,验证nodejs是否安装完成。

一,vue项目的创建_第1张图片

3.继续输入npm -v,输出版本号,验证包管理工具是否正常。

一,vue项目的创建_第2张图片

4.输入命令npm install vue-cli -g,安装vue cli服务,-g 表示全局安装。

安装完成,输入vue -V输出版本号,验证vue cli是否安装正常。

注意“vue-V”中“V”大写。

一,vue项目的创建_第3张图片

5.输入命令“npm install webpack -g”, 安装webpack,-g 表示全局安装。

一,vue项目的创建_第4张图片

6.开始创建vue项目,将目录切换到项目存放的路径下,创建项目文件夹 md projectname,

cd projectname 进入该文件夹,

输入命令vue init webpack,

一,vue项目的创建_第5张图片

根据提示输入自己的设定,或者直接一直回车,直到出现下面的信息提示。

一,vue项目的创建_第6张图片

等待安装完成,即创建vue项目完成。

7.输入 npm install, 安装vue项目的依赖包.

8.输入 npm run dev 运行该项目。

9.在最后的界面中复制url粘贴到浏览器,或者会自动打开浏览器界面。

一,vue项目的创建_第7张图片

出现下面的界面,则表示vue项目创建完成并且正常运行。

一,vue项目的创建_第8张图片

 

你可能感兴趣的:(Vue)