Vue(一)——项目的创建

一  创建工程

1  在系统中预先创建一个文件夹，预备将创建的vue工程存放在文件夹中。打开终端，使用cd命令到预留的文件夹下

   这里的Vue_Study是创建的预留文件夹，demo1是创建的工程文件夹

ls
cd Vue_Study
vue init webpack demo1

这时系统会给一些提示：

Project name: 工程名字

Project description: 工程描述

Author:作者

Install vue-router:是否安装router，可以安，也可不安，没什么大影响

Use ESLint to lint your code:使用ESLint语法

Set up unit tests:设置单元测试

Setup e2e tests with Nightwatch:建立端到端的测试。

2 项目的打开与运行

cd demo1
npm run dev

运行完后，会看到：Your application is running here: http://localhost:8080

在浏览器中打开，会看到对应的页面

给现有项目安装vant组件库

npm install vant --save --registry=https://registry.npm.taobao.org

便于引入vant组件，安装babelrc文件

npm i babel-plugin-import -D

打开工程中的这个文件，填入如下代码段

"plugins": [
    "transform-vue-jsx", 
    "transform-runtime",
    ["import", {
      "libraryName": "vant",
      "libraryDirectory": "es",
      "style": true
    }]
  ]

发现有报错，在Code-首选项-设置-应用程序-Proxy Authorization-setting.json中加入：

"http.proxyAuthorization": "false"

重新打开工程，此时工程建立完毕。