Vue手脚架的配置以及使用

素颜马尾好姑娘i 2022-01-27 13:31 170阅读 0赞

# 安装-使用 #

#### 安装注意事项 ####

1.  **下面两个方法都可以**

npm install -g vue-cli
    npm install –global vue-cli

1.  **安装完查看是否安装成功**

vue --version
    //必须这样子查看不能省略，具体可以百度因为可以很快查到

1.  **Vue手脚架创建Webpack项目**

vue init webpack test
      //test 创建项目的名字·
     vue init webpack-simple test
     /*使用webpack-simple更加轻便， 少了很多单元测试等的繁琐流程*/

*  这里我就介绍上面最全的初始化

$ vue init webpack test
    ? Project name (test) 
    /*这里是让设置项目名称（直接回车默认是上面的test作为项目名称）*/
    ? Project description (A Vue.js project)
    //这里是项目的描述可以选择默认直接回车
    ? Author (liu-bluesky <229236940@qq.com>)
    //这里是项目的作者 
    回车到 ? Install vue-router? (Y/n)  
    //这里是选择是否安装vue-router路由 选择 Y
    ? Use ESLint to lint your code? (Y/n)
    //ESL int 这个是语法检查 不建议新手使用 选择 n
    ? Set up unit tests (Y/n)
    //单元测试 不建议新手使用 推荐选择 n
    ? Setup e2e tests with Nightwatch? (Y/n)
    //单元测试 不建议新手使用 推荐选择 n

项目的名字必须小写  
4. 安装项目插件

npm install  //安装开发所需的插件

1.  介绍项目的文件夹/文件的意思

build 这个文件是webpack的配置文件
    build.js 这个文件是打包用的生产包用的
    webpack.base.conf.js  这个文件是开发项目插件的基本配置
    src 是项目的源码
    app.vue 是项目的入口组件
    main.js 是项目的入口js文件   
    static 是项目的静态资源图片什么的
    .editorconfig 是编辑器的配置
     .gitignore 上传仓库的忽略文件
     .gitignore 是html添加前缀的配置
     package.json 项目插件的版本号

剩下的文件新手慢慢研究这里就不详细解释了因为新手目前还用不上

## vuex ##

*  安装

npm install vuex --save