(一)初学Vue,用Vue--cli快速搭建项目工程。

天赋不够,后天来凑。。。。哈哈,初学Vue,记录一下。Vue-cli是vue官方出品的快速构建单页应用的脚手架。


一、安装vue-cli

1.http://nodejs.cn/ 安装Node.js   

2.win+R开启命令行工具,检查Node.js 是否安装成功。

                                          

3. 安装vue-cli:

    命令行敲下 npm install -g vue-cli

二、初始化项目

1.在E盘创建一个项目文件夹,(听说术语叫项目目录)。如E:vue_project

2.命令行进入项目目录:

                                             

3.vue init webpack vue_project   等待创建

    

4.之后项目文件下会生成你的项目工程,如:

    

5.进入项目目录(cd vue_project),安装依赖(cnpm install) ,依赖包比较大,耐心等会。安装好后,如下图:

                            

6.启动该项目(npm run dev) 以后每次启动该项目,上面的步骤不需重复,只要启动就可以了。

                            

三、项目目录简要介绍

                            



猜你喜欢

转载自blog.csdn.net/weixin_42615719/article/details/81011304