新建vue项目


一、检测npm和node都安装好了

检测npm和node已经安装

如果没有安装node可以通过参考下方链接进行node安装

node的安装

二、安装vue-cli

cnpm install vue-cli -g      //全局安装 vue-cli
安装vue-cli

三、查看vue-cli是否成功

注意:不能检查vue-cli,需要检查vue

vue list
查看vue-cli是否安装成功

四、新建项目

#新建项目
vue init webpack "项目名字"
#我的例子
vue init webpack "phone_store_demo"

新建项目命令

五、新建项目配置

1.前六个选项可以直接回车或者使用默认的设置,但是后面的三个就不建议用“yes”

2.用到ESLint可能会使格式比较严格,编写代码的时候可能会遇到各种因为格式的原因而造成的错误,这样会比较麻烦,所以不建议用。

3.最后这里我们用比较方便的npm

配置

六、启动项目

首先,我们需要进入到项目的文件夹中。

#进入项目
cd 项目名
#我的例子
cd phone_store_demo

现在已经创建好了,那就让项目先安装下依赖再运行一下,会出现下面的页面

#安装依赖
cnpm install

安装依赖

#运行项目
cnpm run dev 

运行项目

七、运行成功

运行成功

参考文档


文章作者: milu
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 milu !
  目录