1-1 Vue环境搭建

#项目初始化

        1、安装vue-cli脚手架(用于搭建vue所需的模板框架)

                    cnpm install -g vue-cli,安装完成后,输入vue查看是否成功,输入vue list查看vue有那些子类npm install vue

         2、初始化项目

                    vue init webpack my-project(填入相关信息)

         3、进入项目

                    cd my-project

         4、初始化安装依赖

                    进入到工程目录 cnpm install 

          5、启动项目

                    npm run dev

 #项目目录结构

           

    build:最终发布的代码的存放位置。

    config:配置路径、端口号等一些信息,我们刚开始学习的时候选择默认配置。

    node_modules:npm 加载的项目依赖模块。

    src:这里是我们开发的主要目录,基本上要做的事情都在这个目录里面,里面包含了几个目录及文件。

    static:静态资源目录,如图片、字体等。存放的文件不会经过webpack处理,可以直接引用,例如swf文件如果要引用可以在webpack配置对swf后缀名的文件处理的loader,也可以直接将swf文件放在这个文件夹引用。      

    index.html:项目根视图,首页入口文件,可以添加一些meta信息或者同统计代码啥的

    .postcssrc.js:postcss配置文件

    package.json:项目配置文件。

    README.md:项目的说明文件。

             

猜你喜欢

转载自blog.csdn.net/weixin_37404604/article/details/80206549
1-1